
:root {
  --ink: #0f0e0c;
  --cream: #f5f0e8;
  --warm: #faf8f4;
  --amber: #ff5500;
  --amber2: #ff7733;
  --gold: #b8922e;
  --stone: #7a7060;
  --pale: #ede8de;
  --rule: #d4c9b4;
  --muted: #a09880;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body { font-family: 'DM Sans', sans-serif; background: var(--warm); color: var(--ink); overflow-x: hidden; }

/* ── NOISE ── */
body::after { content:''; position:fixed; inset:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E"); pointer-events:none; z-index:9000; opacity:.5; }

/* ── NAV ── */
nav { position:fixed; top:0; left:0; right:0; z-index:500; display:flex; align-items:center; justify-content:space-between; padding:1.1rem 3.5rem; background:rgba(250,248,244,.93); backdrop-filter:blur(14px); border-bottom:1px solid var(--rule); }
.nav-logo { font-family:'DM Mono',monospace; font-size:.9rem; letter-spacing:.3em; text-transform:uppercase; color:var(--amber); text-decoration:none; line-height:1.5; }
.nav-links { display:flex; gap:2.5rem; list-style:none; }
.nav-links a { font-family:'DM Mono',monospace; font-size:.65rem; letter-spacing:.2em; text-transform:uppercase; color:var(--stone); text-decoration:none; transition:color .2s; }
.nav-links a:hover { color:var(--amber); }
.nav-cta { font-family:'DM Mono',monospace; font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; color:var(--cream); background:var(--ink); border:none; padding:.55rem 1.3rem; cursor:pointer; transition:background .2s; text-decoration:none; }
.nav-cta:hover { background:var(--amber); }
.nav-burger { display:none; flex-direction:column; gap:4px; cursor:pointer; padding:4px; background:none; border:none; }
.nav-burger span { display:block; width:22px; height:1.5px; background:var(--ink); transition:all .3s; }

/* ── HERO ── */
.hero { min-height:100vh; display:grid; grid-template-columns:55% 45%; padding-top:72px; }
.hero-l { display:flex; flex-direction:column; justify-content:center; padding:5rem 3.5rem 5rem 3.5rem; }
.eyebrow { font-family:'DM Mono',monospace; font-size:.62rem; letter-spacing:.35em; text-transform:uppercase; color:var(--amber); margin-bottom:1.8rem; display:flex; align-items:center; gap:.8rem; }
.eyebrow::before { content:''; width:2rem; height:1px; background:var(--amber); flex-shrink:0; }
.hero-title { font-family:'Playfair Display',serif; font-size:clamp(3rem,4.5vw,5.2rem); font-weight:900; line-height:1.02; letter-spacing:-.02em; margin-bottom:1.4rem; }
.hero-title em { font-style:italic; color:var(--amber); }
.hero-sub { font-size:1rem; color:var(--stone); max-width:28rem; line-height:1.8; margin-bottom:2.8rem; font-weight:300; }
.hero-btns { display:flex; gap:.8rem; flex-wrap:wrap; }
.btn-dark { font-family:'DM Mono',monospace; font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; color:var(--cream); background:var(--ink); border:1.5px solid var(--ink); padding:.9rem 1.8rem; cursor:pointer; transition:background .2s,color .2s; text-decoration:none; display:inline-block; }
.btn-dark:hover { background:var(--amber); border-color:var(--amber); }
.btn-outline { font-family:'DM Mono',monospace; font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; color:var(--ink); background:transparent; border:1.5px solid var(--ink); padding:.9rem 1.8rem; cursor:pointer; transition:all .2s; text-decoration:none; display:inline-block; }
.btn-outline:hover { background:var(--ink); color:var(--cream); }
.hero-r { background:var(--ink); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.hero-r::before { content:''; position:absolute; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(200,90,30,.18) 0%,transparent 70%); top:50%; left:50%; transform:translate(-50%,-50%); animation:glow 5s ease-in-out infinite; }
@keyframes glow { 0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(1)} 50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)} }
.hero-r-inner { position:relative; z-index:1; padding:4rem 3rem; text-align:center; }
.manifesto { font-family:'Playfair Display',serif; font-size:clamp(1.4rem,2.2vw,2rem); font-style:italic; color:var(--cream); line-height:1.6; opacity:.95; margin-bottom:3.5rem; }
.hero-stats { display:flex; gap:3rem; justify-content:center; }
.stat-n { font-family:'Playfair Display',serif; font-size:4.5rem; font-weight:900; color:var(--amber2); display:block; line-height:1; }
.stat-l { font-family:'DM Mono',monospace; font-size:.7rem; letter-spacing:.25em; text-transform:uppercase; color:var(--muted); margin-top:.5rem; display:block; }

/* ── TICKER ── */
.ticker { background:var(--amber); padding:.8rem 0; overflow:hidden; }
.ticker-track { display:flex; animation:ticker 30s linear infinite; white-space:nowrap; }
.tick { font-family:'DM Mono',monospace; font-size:.62rem; letter-spacing:.28em; text-transform:uppercase; color:var(--cream); padding:0 2.5rem; }
.tick::after { content:'◆'; margin-left:2.5rem; }
@keyframes ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ── SECTIONS ── */
section { padding:5.5rem 3.5rem; }
.sec-label { font-family:'DM Mono',monospace; font-size:.62rem; letter-spacing:.35em; text-transform:uppercase; color:var(--amber); margin-bottom:.9rem; display:flex; align-items:center; gap:.8rem; }
.sec-label::before { content:''; width:1.8rem; height:1px; background:var(--amber); flex-shrink:0; }
.sec-title { font-family:'Playfair Display',serif; font-size:clamp(2rem,3vw,2.8rem); font-weight:700; line-height:1.1; margin-bottom:1.5rem; }

/* ── METHODO ── */
.methodo { background:var(--cream); }
.methodo-grid { display:grid; grid-template-columns:1fr 2fr; gap:5rem; align-items:start; margin-top:3.5rem; }
.methodo-sticky { position:sticky; top:6rem; }
.methodo-sticky p { color:var(--stone); line-height:1.85; font-size:.98rem; font-weight:300; }
.m-items {}
.m-item { border-top:1px solid var(--rule); padding:2.2rem 0; display:grid; grid-template-columns:3rem 1fr; gap:1.8rem; align-items:start; transition:padding-left .3s; }
.m-item:hover { padding-left:.8rem; }
.m-item:last-child { border-bottom:1px solid var(--rule); }
.m-num { font-family:'DM Mono',monospace; font-size:.6rem; letter-spacing:.18em; color:var(--amber); padding-top:.25rem; }
.m-item h3 { font-family:'Playfair Display',serif; font-size:1.2rem; font-weight:700; margin-bottom:.6rem; }
.m-item p { color:var(--stone); font-size:.92rem; line-height:1.78; font-weight:300; }

/* ── ARTICLES ── */
.articles-sec { background:var(--warm); }
.articles-hd { display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:1.5rem; margin-bottom:2.5rem; }
.filter-bar { display:flex; border:1px solid var(--rule); overflow:hidden; }
.ftab { font-family:'DM Mono',monospace; font-size:.6rem; letter-spacing:.18em; text-transform:uppercase; color:var(--stone); background:transparent; border:none; border-right:1px solid var(--rule); padding:.55rem 1.1rem; cursor:pointer; transition:all .2s; }
.ftab:last-child { border-right:none; }
.ftab.on,.ftab:hover { background:var(--ink); color:var(--cream); }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; background:var(--warm); }
.card { background:var(--warm); padding:2.2rem; display:flex; flex-direction:column; gap:.9rem; cursor:pointer; text-decoration:none; color:inherit; position:relative; overflow:hidden; border:1px solid var(--rule); margin:-1px 0 0 -1px; text-align:left; }
.card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:var(--amber); transform:scaleX(0); transition:transform .3s; transform-origin:left; }
.card:hover::after { transform:scaleX(1); }
.card:hover { background:var(--pale); }
.card.big { grid-column:span 2; flex-direction:row; gap:1.8rem; background:var(--ink); color:var(--cream); padding:2.8rem; }
.card.big:hover { background:#17160f; }
.card.big::after { background:var(--amber2); }
.card.alt { background:var(--pale); }
.card-img { width:100%; aspect-ratio:16/9; object-fit:cover; background:var(--pale); display:block; }
.card.big .card-img { width:240px; flex-shrink:0; aspect-ratio:4/3; }
.ctag { font-family:'DM Mono',monospace; font-size:.58rem; letter-spacing:.22em; text-transform:uppercase; color:var(--amber); }
.card.big .ctag { color:var(--amber2); }
.ctitle { font-family:'Playfair Display',serif; font-size:1.1rem; font-weight:700; line-height:1.25; }
.card.big .ctitle { font-size:1.45rem; }
.cexc { font-size:.87rem; color:var(--stone); line-height:1.72; font-weight:300; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.card.big .cexc { color:rgba(245,240,232,.62); }
.cmeta { display:flex; flex-wrap:wrap; gap:.7rem; align-items:center; margin-top:auto; }
.cauthor { font-family:'DM Mono',monospace; font-size:.57rem; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); }
.card.big .cauthor { color:rgba(245,240,232,.4); }
.cdate { font-family:'DM Mono',monospace; font-size:.57rem; color:var(--muted); }
.card.big .cdate { color:rgba(245,240,232,.35); }
.cread { font-family:'DM Mono',monospace; font-size:.57rem; letter-spacing:.18em; text-transform:uppercase; color:var(--amber); margin-top:auto; }
.card.big .cread { color:var(--amber2); }
.articles-more { margin-top:2.5rem; text-align:center; }

/* ── MODAL ── */
.overlay { position:fixed; inset:0; background:rgba(10,9,7,.72); z-index:800; display:none; align-items:flex-start; justify-content:center; overflow-y:auto; padding:2rem 1rem; backdrop-filter:blur(6px); }
.overlay.open { display:flex; }
.modal { background:var(--warm); max-width:780px; width:100%; margin:auto; position:relative; }
.modal-hd { padding:2.5rem 2.5rem 1.5rem; border-bottom:1px solid var(--rule); position:sticky; top:0; background:var(--warm); z-index:1; }
.modal-close { position:absolute; top:1.5rem; right:1.5rem; font-family:'DM Mono',monospace; font-size:.6rem; letter-spacing:.2em; text-transform:uppercase; background:none; border:1px solid var(--rule); color:var(--stone); padding:.4rem .8rem; cursor:pointer; transition:all .2s; }
.modal-close:hover { background:var(--ink); color:var(--cream); border-color:var(--ink); }
.modal-tag { font-family:'DM Mono',monospace; font-size:.58rem; letter-spacing:.25em; text-transform:uppercase; color:var(--amber); margin-bottom:.8rem; }
.modal-title { font-family:'Playfair Display',serif; font-size:clamp(1.5rem,3vw,2.2rem); font-weight:700; line-height:1.15; margin-bottom:.8rem; }
.modal-meta { font-family:'DM Mono',monospace; font-size:.58rem; letter-spacing:.15em; color:var(--muted); }
.modal-body { padding:2.5rem; line-height:1.85; color:var(--ink); font-size:.97rem; font-weight:300; }
.modal-body p { margin-bottom:1.4rem; }
.modal-body h2,.modal-body h3 { font-family:'Playfair Display',serif; font-weight:700; margin:2.2rem 0 .9rem; line-height:1.2; }
.modal-body h2 { font-size:1.4rem; }
.modal-body h3 { font-size:1.15rem; }
.modal-body strong { font-weight:500; color:var(--ink); }
.modal-body em { font-style:italic; }
.modal-body ul,.modal-body ol { padding-left:1.5rem; margin-bottom:1.4rem; }
.modal-body li { margin-bottom:.5rem; }
.modal-body blockquote { border-left:3px solid var(--amber); padding-left:1.5rem; margin:1.8rem 0; font-style:italic; color:var(--stone); }
.modal-body .refs { margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid var(--rule); font-size:.82rem; color:var(--muted); }
.modal-body .refs p { margin-bottom:.5rem; }

/* ── INTERVENANTS ── */
.interv { background:var(--ink); color:var(--cream); }
.interv .sec-label { color:var(--gold); }
.interv .sec-label::before { background:var(--gold); }
.interv .sec-title { color:var(--cream); }
.interv-grid { display:grid; grid-template-columns:1fr 1fr; gap:2.5rem; margin-top:3.5rem; }
.iv-card { padding:2.8rem; position:relative; }
.iv-role { font-family:'DM Mono',monospace; font-size:.58rem; letter-spacing:.28em; text-transform:uppercase; color:var(--amber); margin-bottom:1.3rem; }
.iv-name { font-family:'Playfair Display',serif; font-size:1.9rem; font-weight:700; line-height:1.1; margin-bottom:1.3rem; }
.iv-bio { font-size:.88rem; color:rgba(245,240,232,.62); line-height:1.82; font-weight:300; margin-bottom:1.8rem; }
.iv-tags { display:flex; flex-wrap:wrap; gap:.4rem; }
.itag { font-family:'DM Mono',monospace; font-size:.56rem; letter-spacing:.12em; text-transform:uppercase; color:var(--cream); border:1px solid rgba(255,255,255,.15); padding:.28rem .7rem; }
.interv-note { margin-top:3.5rem; border-top:1px solid rgba(255,255,255,.1); padding-top:3rem; display:grid; grid-template-columns:1fr 2fr; gap:4rem; align-items:center; }
.interv-note h3 { font-family:'Playfair Display',serif; font-size:1.4rem; font-style:italic; color:var(--cream); line-height:1.4; }
.interv-note p { font-size:.88rem; color:rgba(245,240,232,.58); line-height:1.85; font-weight:300; }

/* ── PARTIES ── */
.parties { background:var(--pale); }
.parties-list { columns:4; column-gap:2rem; margin-top:2.5rem; list-style:none; }
.parties-list li { margin-bottom:.75rem; break-inside:avoid; }
.parties-list a { font-size:.85rem; color:var(--stone); text-decoration:none; border-bottom:1px solid transparent; transition:all .2s; padding-bottom:1px; }
.parties-list a:hover { color:var(--amber); border-bottom-color:var(--amber); }
.parties-list span { font-size:.85rem; color:var(--muted); }

/* ── OUVRAGES ── */
.ouvrages { background:var(--warm); }
.ouv-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; margin-top:3.5rem; }
.ouv-vis { background:var(--ink); aspect-ratio:3/4; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:3rem; gap:2rem; position:relative; overflow:hidden; }
.ouv-vis::before { content:''; position:absolute; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle,rgba(200,90,30,.2) 0%,transparent 70%); bottom:-60px; right:-60px; }
.ouv-bignum { font-family:'Playfair Display',serif; font-size:8rem; font-weight:900; color:rgba(255,255,255,.06); line-height:1; position:absolute; top:1rem; left:1.5rem; }
.ouv-title { font-family:'Playfair Display',serif; font-size:1.6rem; font-weight:900; font-style:italic; color:var(--cream); text-align:center; line-height:1.25; position:relative; z-index:1; }
.ouv-author { font-family:'DM Mono',monospace; font-size:.6rem; letter-spacing:.3em; text-transform:uppercase; color:var(--amber2); position:relative; z-index:1; }
.ouv-info h3 { font-family:'Playfair Display',serif; font-size:1.7rem; font-weight:700; margin-bottom:1rem; line-height:1.2; }
.ouv-info p { color:var(--stone); line-height:1.82; font-size:.95rem; font-weight:300; margin-bottom:1.8rem; }

/* ── PRESSE ── */
.presse { background:var(--cream); }
.presse-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:2.5rem; }
.presse-card { border:1px solid var(--rule); padding:1.8rem; background:var(--warm); transition:border-color .2s; }
.presse-card:hover { border-color:var(--amber); }
.presse-src { font-family:'DM Mono',monospace; font-size:.58rem; letter-spacing:.22em; text-transform:uppercase; color:var(--amber); margin-bottom:.7rem; }
.presse-card p { font-family:'Playfair Display',serif; font-style:italic; font-size:.93rem; line-height:1.65; }
.presse-more { text-align:center; margin-top:2rem; }

/* ── NEWSLETTER ── */
.newsletter { background:var(--ink); color:var(--cream); text-align:center; padding:8rem 3.5rem; }
.newsletter .sec-label { justify-content:center; color:var(--gold); }
.newsletter .sec-label::before { display:none; }
.newsletter .sec-title { color:var(--cream); font-size:clamp(1.8rem,3.5vw,3rem); }
.newsletter > p { color:rgba(245,240,232,.55); font-size:.97rem; font-weight:300; margin-bottom:2.8rem; }
.nl-form { display:flex; max-width:440px; margin:0 auto; }
.nl-form input { flex:1; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-right:none; padding:.9rem 1.3rem; font-family:'DM Sans',sans-serif; font-size:.9rem; color:var(--cream); outline:none; }
.nl-form input::placeholder { color:rgba(245,240,232,.28); }
.nl-form input:focus { border-color:var(--amber); }
.nl-form button { font-family:'DM Mono',monospace; font-size:.6rem; letter-spacing:.18em; text-transform:uppercase; background:var(--amber); color:var(--cream); border:1px solid var(--amber); padding:.9rem 1.3rem; cursor:pointer; white-space:nowrap; transition:background .2s; }
.nl-form button:hover { background:var(--amber2); border-color:var(--amber2); }
.nl-confirm { display:none; font-family:'DM Mono',monospace; font-size:.68rem; letter-spacing:.18em; text-transform:uppercase; color:var(--amber2); margin-top:1rem; }

/* ── FOOTER ── */
footer { background:#09080600; background:#08070600; background:#080706; color:var(--cream); padding:4rem 3.5rem 2.5rem; }
.ft-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:3.5rem; margin-bottom:3.5rem; }
.ft-logo { font-family:'DM Mono',monospace; font-size:.65rem; letter-spacing:.28em; text-transform:uppercase; line-height:1.8; display:block; margin-bottom:1rem; }
.ft-desc { font-size:.83rem; color:rgba(245,240,232,.38); line-height:1.75; font-weight:300; max-width:19rem; margin-bottom:1.5rem; }
.ft-contact { font-family:'DM Mono',monospace; font-size:.58rem; letter-spacing:.05em; color:rgba(245,240,232,.35); line-height:2.1; }
.ft-col h4 { font-family:'DM Mono',monospace; font-size:.58rem; letter-spacing:.28em; text-transform:uppercase; color:rgba(245,240,232,.28); margin-bottom:1.3rem; }
.ft-col ul { list-style:none; }
.ft-col li { margin-bottom:.72rem; }
.ft-col a { font-size:.83rem; color:rgba(245,240,232,.5); text-decoration:none; transition:color .2s; }
.ft-col a:hover { color:var(--amber2); }
.ft-bot { border-top:1px solid rgba(255,255,255,.06); padding-top:1.8rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.8rem; }
.ft-copy { font-family:'DM Mono',monospace; font-size:.55rem; letter-spacing:.12em; color:rgba(245,240,232,.22); }
.ft-legal { display:flex; gap:1.8rem; }
.ft-legal a { font-family:'DM Mono',monospace; font-size:.55rem; letter-spacing:.08em; color:rgba(245,240,232,.22); text-decoration:none; transition:color .2s; }
.ft-legal a:hover { color:var(--amber2); }

/* ── FADE IN ── */
.fi { opacity:0; transform:translateY(18px); transition:opacity .6s ease,transform .6s ease; }
.fi.vis { opacity:1; transform:none; }

/* ── RESPONSIVE ── */
@media(max-width:960px) {
  nav { padding:1rem 1.5rem; }
  .nav-links { display:none; }
  .nav-links.open { display:flex; flex-direction:column; gap:1.2rem; position:fixed; top:62px; left:0; right:0; background:var(--warm); padding:2rem 1.5rem; border-bottom:1px solid var(--rule); }
  .nav-burger { display:flex; }
  section { padding:3.5rem 1.5rem; }
  .hero { grid-template-columns:1fr; }
  .hero-r { min-height:55vh; }
  .hero-l { padding:3.5rem 1.5rem; }
  .methodo-grid { grid-template-columns:1fr; gap:2rem; }
  .methodo-sticky { position:static; }
  .grid { grid-template-columns:1fr; }
  .card.big { flex-direction:column; }
  .card.big .card-img { width:100%; }
  .interv-grid { grid-template-columns:1fr; }
  .interv-note { grid-template-columns:1fr; gap:1.5rem; }
  .parties-list { columns:2; }
  .ouv-grid { grid-template-columns:1fr; }
  .presse-grid { grid-template-columns:1fr; }
  .newsletter { padding:4.5rem 1.5rem; }
  .nl-form { flex-direction:column; }
  .nl-form input { border-right:1px solid rgba(255,255,255,.12); border-bottom:none; }
  .ft-grid { grid-template-columns:1fr 1fr; gap:2rem; }
  .ft-bot { flex-direction:column; align-items:flex-start; }
  .modal { margin:0; }
  .modal-hd,.modal-body { padding:1.8rem; }
}

/* ── PROPOSITION ── */
.proposition { background:var(--ink); color:var(--cream); }
.proposition .sec-label { color:var(--amber); }
.proposition .sec-title { color:var(--cream); }
.proposition .sec-title em { color:var(--amber2); }
.prop-intro { font-size:1.05rem; color:rgba(245,240,232,.65); max-width:52rem; margin:0 auto 4rem; line-height:1.85; text-align:center; font-weight:300; }
.prop-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; margin-bottom:4rem; }
.prop-card { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-top:3px solid var(--amber); padding:2.5rem 2rem; display:flex; flex-direction:column; gap:1rem; transition:transform .3s, border-color .3s; }
.prop-card:hover { transform:translateY(-4px); border-top-color:var(--amber2); }
.prop-icon { font-size:2rem; margin-bottom:.5rem; }
.prop-tag { font-family:'DM Mono',monospace; font-size:.58rem; letter-spacing:.3em; text-transform:uppercase; color:var(--amber); }
.prop-title { font-family:'Playfair Display',serif; font-size:1.45rem; font-weight:700; color:var(--cream); line-height:1.2; }
.prop-desc { font-size:.9rem; color:rgba(245,240,232,.6); line-height:1.75; font-weight:300; flex:1; }
.prop-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.5rem; }
.prop-list li { font-size:.85rem; color:rgba(245,240,232,.55); padding-left:1.2rem; position:relative; line-height:1.6; }
.prop-list li::before { content:'→'; position:absolute; left:0; color:var(--amber); font-size:.75rem; }
.prop-cta { margin-top:1.5rem; padding:.75rem 1.4rem; background:var(--amber); color:var(--cream); font-family:'DM Mono',monospace; font-size:.6rem; letter-spacing:.2em; text-transform:uppercase; border:none; cursor:pointer; text-decoration:none; display:inline-block; transition:background .2s; }
.prop-cta:hover { background:var(--amber2); }
.prop-bottom { border-top:1px solid rgba(255,255,255,.08); padding-top:3rem; text-align:center; }
.prop-bottom-text { font-family:'Playfair Display',serif; font-size:1.6rem; font-style:italic; color:rgba(245,240,232,.75); max-width:40rem; margin:0 auto 2rem; line-height:1.6; }
.prop-contacts { display:flex; gap:3rem; justify-content:center; flex-wrap:wrap; }
.prop-contact { text-align:center; }
.prop-contact-name { font-family:'DM Mono',monospace; font-size:.6rem; letter-spacing:.25em; text-transform:uppercase; color:var(--amber); margin-bottom:.4rem; }
.prop-contact-role { font-size:.85rem; color:rgba(245,240,232,.5); margin-bottom:.3rem; }
.prop-contact-tel { font-size:.9rem; color:var(--cream); }
@media(max-width:900px){
  .prop-grid { grid-template-columns:1fr; }
  .prop-contacts { flex-direction:column; align-items:center; gap:1.5rem; }
}


    .interv { background:var(--ink); padding:5.5rem 3.5rem; }
    .iv-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; margin-top:3.5rem; align-items:stretch; }
    .iv-card {
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.07);
      border-top:3px solid var(--amber);
      padding:3rem 2.5rem;
      display:flex; flex-direction:column; gap:1.5rem;
      transition:transform .3s, border-top-color .3s;
    }
    .iv-card:hover { transform:translateY(-5px); border-top-color:var(--amber2); }
    .iv-head { display:flex; flex-direction:column; gap:.6rem; }
    .iv-name {
      font-family:'Playfair Display',serif;
      font-size:2rem; font-weight:900;
      color:var(--cream); line-height:1.1;
      letter-spacing:-.01em;
    }
    .iv-title {
      font-family:'DM Mono',monospace;
      font-size:.6rem; letter-spacing:.3em;
      text-transform:uppercase; color:var(--amber);
    }
    .iv-signature {
      font-family:'Playfair Display',serif;
      font-style:italic;
      font-size:1.15rem;
      color:rgba(245,240,232,.7);
      line-height:1.6;
      border-left:2px solid var(--amber);
      padding-left:1.2rem;
    }
    .iv-bio {
      font-size:.9rem; color:rgba(245,240,232,.55);
      line-height:1.8; font-weight:300; flex:1;
    }
    .iv-tags { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.5rem; }
    .itag {
      font-family:'DM Mono',monospace;
      font-size:.55rem; letter-spacing:.18em;
      text-transform:uppercase;
      border:1px solid rgba(255,85,0,.4);
      color:var(--amber); padding:.3rem .7rem;
    }
    .iv-linkedin {
      font-family:'DM Mono',monospace;
      font-size:.58rem; letter-spacing:.2em;
      text-transform:uppercase;
      color:var(--amber); text-decoration:none;
      border-bottom:1px solid rgba(255,85,0,.3);
      padding-bottom:2px;
      align-self:flex-start;
      transition:color .2s;
    }
    .iv-linkedin:hover { color:var(--amber2); }
    @media(max-width:768px){ .iv-grid { grid-template-columns:1fr; } }
  

    .ouv-book { display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--rule); margin-bottom:3px; }
    .ouv-book-info { background:var(--ink); padding:3rem; display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden; min-height:340px; }
    .ouv-book-info.light { background:var(--pale); }
    .ouv-book-bignum { position:absolute; font-family:'Playfair Display',serif; font-size:9rem; font-weight:900; color:rgba(255,255,255,.04); top:-1rem; left:1rem; line-height:1; pointer-events:none; }
    .ouv-book-bignum.dark { color:rgba(15,14,12,.05); }
    .ouv-book-eyebrow { font-family:'DM Mono',monospace; font-size:.55rem; letter-spacing:.25em; text-transform:uppercase; color:var(--amber2); margin-bottom:1rem; }
    .ouv-book-eyebrow.dark { color:var(--amber); }
    .ouv-book-title { font-family:'Playfair Display',serif; font-size:1.6rem; font-weight:900; font-style:italic; color:var(--cream); line-height:1.2; margin-bottom:.6rem; }
    .ouv-book-title.dark { color:var(--ink); }
    .ouv-book-sub { font-family:'Playfair Display',serif; font-size:1rem; font-style:italic; color:rgba(245,240,232,.55); margin-bottom:1.2rem; }
    .ouv-book-sub.dark { color:var(--stone); }
    .ouv-book-desc { font-size:.88rem; color:rgba(245,240,232,.65); line-height:1.82; font-weight:300; }
    .ouv-book-desc.dark { color:var(--stone); }
    .ouv-book-foot { font-family:'DM Mono',monospace; font-size:.52rem; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.2); margin-top:1.5rem; line-height:1.8; }
    .ouv-book-foot.dark { color:var(--muted); }
    .ouv-gallery { background:var(--ink); display:grid; grid-template-columns:repeat(4,1fr); gap:2px; }
    .ouv-gallery.light { background:var(--rule); }
    .ouv-gallery img { width:100%; aspect-ratio:1/1; object-fit:cover; display:block; transition:transform .4s,opacity .3s; filter:grayscale(15%); cursor:zoom-in; }
    .ouv-gallery img:hover { transform:scale(1.04); opacity:.9; filter:grayscale(0%); }
    /* Lightbox */
    .lb { display:none; position:fixed; inset:0; background:rgba(8,7,6,.92); z-index:1000; align-items:center; justify-content:center; padding:2rem; cursor:zoom-out; }
    .lb.open { display:flex; }
    .lb img { max-width:90vw; max-height:90vh; object-fit:contain; }
    .lb-close { position:fixed; top:1.5rem; right:2rem; font-family:'DM Mono',monospace; font-size:.65rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.5); background:none; border:1px solid rgba(255,255,255,.2); padding:.4rem .9rem; cursor:pointer; transition:all .2s; }
    .lb-close:hover { background:var(--amber); color:var(--cream); border-color:var(--amber); }
    @media(max-width:960px) {
      .ouv-book { grid-template-columns:1fr; }
      .ouv-gallery { grid-template-columns:repeat(3,1fr); }
    }
    @media(max-width:600px) {
      .ouv-gallery { grid-template-columns:repeat(2,1fr); }
    }
  
/* ── PROPOSITION ── */
.proposition { background:var(--ink); color:var(--cream); }
.proposition .sec-label { color:var(--amber); }
.proposition .sec-title { color:var(--cream); }
.proposition .sec-title em { color:var(--amber2); }
.prop-intro { font-size:1.05rem; color:rgba(245,240,232,.65); max-width:52rem; margin:0 auto 4rem; line-height:1.85; text-align:center; font-weight:300; }
.prop-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; margin-bottom:4rem; }
.prop-card { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-top:3px solid var(--amber); padding:2.5rem 2rem; display:flex; flex-direction:column; gap:1rem; transition:transform .3s, border-color .3s; }
.prop-card:hover { transform:translateY(-4px); border-top-color:var(--amber2); }
.prop-icon { font-size:2rem; margin-bottom:.5rem; }
.prop-tag { font-family:'DM Mono',monospace; font-size:.58rem; letter-spacing:.3em; text-transform:uppercase; color:var(--amber); }
.prop-title { font-family:'Playfair Display',serif; font-size:1.45rem; font-weight:700; color:var(--cream); line-height:1.2; }
.prop-desc { font-size:.9rem; color:rgba(245,240,232,.6); line-height:1.75; font-weight:300; flex:1; }
.prop-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.5rem; }
.prop-list li { font-size:.85rem; color:rgba(245,240,232,.55); padding-left:1.2rem; position:relative; line-height:1.6; }
.prop-list li::before { content:'→'; position:absolute; left:0; color:var(--amber); font-size:.75rem; }
.prop-cta { margin-top:1.5rem; padding:.75rem 1.4rem; background:var(--amber); color:var(--cream); font-family:'DM Mono',monospace; font-size:.6rem; letter-spacing:.2em; text-transform:uppercase; border:none; cursor:pointer; text-decoration:none; display:inline-block; transition:background .2s; }
.prop-cta:hover { background:var(--amber2); }
.prop-bottom { border-top:1px solid rgba(255,255,255,.08); padding-top:3rem; text-align:center; }
.prop-bottom-text { font-family:'Playfair Display',serif; font-size:1.6rem; font-style:italic; color:rgba(245,240,232,.75); max-width:40rem; margin:0 auto 2rem; line-height:1.6; }
.prop-contacts { display:flex; gap:3rem; justify-content:center; flex-wrap:wrap; }
.prop-contact { text-align:center; }
.prop-contact-name { font-family:'DM Mono',monospace; font-size:.6rem; letter-spacing:.25em; text-transform:uppercase; color:var(--amber); margin-bottom:.4rem; }
.prop-contact-role { font-size:.85rem; color:rgba(245,240,232,.5); margin-bottom:.3rem; }
.prop-contact-tel { font-size:.9rem; color:var(--cream); }
@media(max-width:900px){
  .prop-grid { grid-template-columns:1fr; gap:1.25rem; margin-bottom:3rem; }
  .prop-contacts { flex-direction:column; align-items:center; gap:1.5rem; }
  .prop-intro { font-size:1rem; margin:0 auto 2.5rem; line-height:1.7; }
}
@media(max-width:600px){
  .prop-card { padding:1.75rem 1.35rem; gap:.85rem; }
  .prop-icon { font-size:1.7rem; margin-bottom:.25rem; }
  .prop-tag { font-size:.6rem; letter-spacing:.22em; }
  .prop-title { font-size:1.3rem; }
  .prop-desc { font-size:.92rem; line-height:1.7; }
  .prop-list li { font-size:.88rem; line-height:1.55; }
  .prop-cta { margin-top:1rem; padding:.7rem 1.2rem; font-size:.62rem; letter-spacing:.18em; }
  .prop-bottom-text { font-size:1.25rem; line-height:1.5; }
}

/* ── Lightbox ── */
.lb{position:fixed;inset:0;background:rgba(10,8,6,.94);z-index:9999;display:none;align-items:center;justify-content:center;padding:2vw;cursor:zoom-out;opacity:0;transition:opacity .25s ease;}
.lb.open{display:flex;opacity:1;}
.lb img{max-width:96vw;max-height:94vh;width:auto;height:auto;object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.6);cursor:default;}
.lb-close{position:fixed;top:1.2rem;right:1.4rem;background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:1rem;padding:.5rem .9rem;border-radius:999px;cursor:pointer;letter-spacing:.05em;transition:background .2s;}
.lb-close:hover{background:rgba(255,255,255,.12);}
