:root{
    --black:#000000;
    --surface:#121110;
    --surface-hi:#1c1a17;
    --line:#332c22;
    --line-soft:#211d18;
    --white:#ffffff;
    --ivory:#f4ede1;
    --muted:#a89b89;
    --gold:#e1b47c;
    --gold-deep:#c8955a;
    --gold-dim:#8a6a45;

    --bg:var(--black);
    --bg-card:var(--surface);
    --bg-card-hover:var(--surface-hi);
    --text:var(--white);
    --text-body:var(--ivory);
    --text-muted:var(--muted);
    --accent:var(--gold);
    --accent-deep:var(--gold-deep);
    --border:var(--line);
    --border-soft:var(--line-soft);
    --shadow:rgba(0,0,0,.6);
    --glow:rgba(225,180,124,.18);

    --serif-display:"Fraunces",ui-serif,Georgia,serif;
    --serif-body:"Source Serif 4",ui-serif,Georgia,serif;
    --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  }

  *{box-sizing:border-box;}
  html{-webkit-text-size-adjust:100%;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--text-body);
    font-family:var(--serif-body);
    font-size:1.0625rem;
    line-height:1.65;
    background-image:
      radial-gradient(ellipse 900px 500px at 50% -10%, var(--glow), transparent 60%),
      radial-gradient(ellipse 700px 500px at 100% 100%, rgba(225,180,124,.08), transparent 55%);
    background-repeat:no-repeat;
  }
  a{color:inherit;}
  img{display:block;max-width:100%;}
  .wrap{max-width:1160px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem);}
  .eyebrow{
    font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
    color:var(--gold-deep);font-weight:600;
  }
  h1,h2,h3{font-family:var(--serif-display);text-wrap:balance;margin:0;color:var(--text);}
  p{margin:0;}

  /* header */
  header.site{
    position:sticky;top:0;z-index:20;
    background:color-mix(in srgb, var(--bg) 86%, transparent);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--border-soft);
  }
  .nav{
    display:flex;align-items:center;justify-content:space-between;
    padding:.9rem clamp(1.25rem,4vw,2.5rem);
    max-width:1160px;margin:0 auto;gap:1rem;
  }
  .brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--text);}
  .brand img.mark{width:2.35rem;height:2.35rem;border-radius:999px;flex:none;filter:drop-shadow(0 0 10px var(--glow));}
  .brand .word{font-family:var(--serif-display);font-weight:700;font-size:1.2rem;letter-spacing:.01em;line-height:1.1;}
  .brand .word .digital{font-family:var(--serif-display);font-weight:500;font-style:italic;color:var(--gold);font-size:.9em;letter-spacing:0;margin-left:.3em;}
  nav.links{display:flex;gap:1.75rem;align-items:center;}
  nav.links a{
    font-family:var(--mono);font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;
    text-decoration:none;color:var(--text-muted);padding-bottom:.2rem;border-bottom:1px solid transparent;
    transition:color .15s ease, border-color .15s ease;
  }
  nav.links a:hover, nav.links a:focus-visible{color:var(--gold);border-color:var(--gold);}
  .btn{
    font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;
    text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;
    padding:.65rem 1.2rem;border-radius:2px;font-weight:600;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
  }
  .btn-solid{background:var(--gold);color:#140d05;}
  .btn-solid:hover{background:var(--ivory);transform:translateY(-1px);box-shadow:0 8px 20px var(--shadow);}
  .btn-line{border:1px solid var(--border);color:var(--text);}
  .btn-line:hover{border-color:var(--gold);color:var(--gold);}

  /* hero */
  .hero{padding:clamp(2.6rem,6vw,4.5rem) 0 clamp(2.2rem,5vw,3.5rem);}
  .hero-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:clamp(2rem,5vw,3.5rem);align-items:center;}
  .hero-mark{
    width:100%;max-width:280px;justify-self:center;
    filter:drop-shadow(0 0 30px var(--glow));
    animation:mark-in .8s ease-out;
  }
  @keyframes mark-in{from{opacity:0;transform:scale(.92);}to{opacity:1;transform:none;}}
  @media (prefers-reduced-motion: reduce){.hero-mark{animation:none;}}
  .hero h1{font-size:clamp(2.3rem,5vw,3.5rem);font-weight:700;line-height:1.06;margin-top:.6rem;}
  .hero h1 em{font-style:italic;font-weight:500;color:var(--gold);}
  .hero p.lede{font-size:1.18rem;color:var(--text-muted);max-width:36em;margin-top:1.15rem;}
  .hero-cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.7rem;}

  section{padding:clamp(2.4rem,6vw,4rem) 0;}
  .section-head{
    display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;
    border-bottom:1px solid var(--border-soft);padding-bottom:1rem;margin-bottom:2.2rem;flex-wrap:wrap;
  }
  .section-head h2{font-size:clamp(1.55rem,3vw,2rem);font-weight:600;}
  .section-head .eyebrow{display:block;margin-bottom:.35rem;}
  .section-head .meta{font-family:var(--mono);font-size:.78rem;color:var(--text-muted);}

  .chapters{display:grid;grid-template-columns:repeat(12,1fr);gap:1.4rem;}
  .chapter{
    background:var(--bg-card);border:1px solid var(--border-soft);border-radius:4px;
    padding:1.6rem;display:flex;flex-direction:column;gap:.85rem;
    transition:background .15s ease, transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }
  .chapter:hover{background:var(--bg-card-hover);border-color:var(--border);transform:translateY(-2px);box-shadow:0 14px 30px var(--shadow);}
  .chapter.pillar{grid-column:span 12;flex-direction:row;align-items:center;gap:2.2rem;padding:2.1rem;border-color:var(--gold-dim);}
  .chapter.pillar .num{font-family:var(--serif-display);font-weight:700;font-size:3.2rem;color:var(--gold);flex:none;width:5.2rem;text-align:center;line-height:1;}
  .chapter.pillar .body{flex:1;}
  .chapter:not(.pillar){grid-column:span 4;}
  .num{font-family:var(--mono);font-size:.75rem;color:var(--gold-deep);letter-spacing:.06em;}
  .chapter:not(.pillar) .num{font-family:var(--serif-display);font-size:1.55rem;font-weight:700;color:var(--gold);}
  .num-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
  .tag{
    font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;
    color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;
  }
  .chapter h3{font-size:1.28rem;font-weight:600;margin-top:.15rem;color:var(--text);}
  .chapter.pillar h3{font-size:1.85rem;}
  .chapter p.excerpt{color:var(--text-muted);font-size:.97rem;margin-top:.45rem;}
  .chapter .meta-row{
    margin-top:auto;padding-top:.55rem;display:flex;gap:.9rem;align-items:center;
    font-family:var(--mono);font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums;
  }
  .chapter .read{
    font-family:var(--mono);font-size:.77rem;letter-spacing:.03em;color:var(--gold);
    text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;
    border-bottom:1px solid transparent;width:fit-content;
  }
  .chapter .read:hover{border-color:var(--gold);}

  .upcoming{margin-top:2.1rem;padding-top:1.5rem;border-top:1px dashed var(--border-soft);display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;}
  .upcoming .eyebrow{margin-right:.4rem;}
  .pill{
    font-family:var(--mono);font-size:.71rem;color:var(--text-muted);
    border:1px solid var(--border);border-radius:999px;padding:.35rem .8rem;
    display:inline-flex;align-items:center;gap:.4rem;
  }
  .pill .dot{width:.4rem;height:.4rem;border-radius:999px;background:var(--border);}

  .collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.1rem;}
  .theme{
    background:var(--surface);border:1px solid var(--border-soft);border-radius:4px;
    padding:1.15rem 1.05rem;display:flex;flex-direction:column;gap:.5rem;
    transition:border-color .15s ease, transform .15s ease;
  }
  .theme.is-live{border-color:var(--gold-dim);}
  .theme:hover{border-color:var(--gold);transform:translateY(-2px);}
  .theme .glyph{font-family:var(--serif-display);font-weight:700;font-size:1.35rem;color:var(--gold);}
  .theme .name{font-size:.9rem;font-weight:600;font-family:var(--serif-body);color:var(--text);}
  .theme .count{font-family:var(--mono);font-size:.66rem;color:var(--text-muted);letter-spacing:.04em;}
  .collection-cta{margin-top:1.7rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
  .collection-cta p{color:var(--text-muted);max-width:32em;}

  .fold{
    background:var(--surface);border:1px solid var(--gold-dim);border-radius:6px;
    padding:clamp(2.1rem,5vw,3.1rem);
    display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;
    box-shadow:0 0 60px -20px var(--glow) inset;
  }
  .fold h2{font-size:clamp(1.45rem,3vw,1.95rem);}
  .fold p{color:var(--text-muted);margin-top:.6rem;max-width:34em;}
  .fold form{display:flex;gap:.6rem;flex-wrap:wrap;}
  .fold input[type="email"]{
    font-family:var(--serif-body);font-size:.95rem;padding:.75rem 1rem;border-radius:3px;
    border:1px solid var(--border);background:var(--black);color:var(--text);min-width:15rem;
  }
  .fold input[type="email"]::placeholder{color:var(--text-muted);}
  .fold .fine{font-family:var(--mono);font-size:.66rem;margin-top:.65rem;color:var(--text-muted);}

  footer{border-top:1px solid var(--border-soft);padding:2.5rem 0 2.1rem;}
  .foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2rem;}
  .foot-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--text);}
  .foot-brand img{width:2.2rem;height:2.2rem;border-radius:999px;flex:none;}
  .foot-brand-text p{color:var(--text-muted);font-size:.88rem;margin-top:.5rem;max-width:22em;}
  .foot-col h4{font-family:var(--mono);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);font-weight:600;margin-bottom:.75rem;}
  .foot-col a{display:block;text-decoration:none;color:var(--text-body);font-size:.88rem;margin-bottom:.5rem;}
  .foot-col a:hover{color:var(--gold);}
  .foot-bottom{
    margin-top:2.3rem;padding-top:1.3rem;border-top:1px solid var(--border-soft);
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem;
    font-family:var(--mono);font-size:.7rem;color:var(--text-muted);
  }

  @media (max-width:860px){
    nav.links{display:none;}
    .hero-grid{grid-template-columns:1fr;}
    .hero-mark{max-width:170px;}
    .chapter:not(.pillar){grid-column:span 12;}
    .chapter.pillar{flex-direction:column;align-items:flex-start;}
    .chapter.pillar .num{width:auto;text-align:left;}
    .fold{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr 1fr;}
  }

/* ---- ajouts blog ---- */
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:#140d05;padding:.6rem 1rem;z-index:50;font-family:var(--mono);font-size:.8rem;}
.skip:focus{left:.5rem;top:.5rem;}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
nav.links a[aria-current="page"]{color:var(--gold);border-color:var(--gold);}
[hidden]{display:none!important;}
/* hero : logo carré, discret, qui s'estompe au défilement */
.hero-mark{width:100%;max-width:220px;aspect-ratio:1/1;height:auto;object-fit:cover;border-radius:8px;border:1px solid var(--border);will-change:opacity,transform;}
/* collection */
.coll-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.1rem;}
.coll-tile{font:inherit;text-align:left;cursor:pointer;background:var(--surface);color:inherit;border:1px solid var(--border-soft);border-radius:4px;padding:1.15rem 1.05rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .15s ease,transform .15s ease,background .15s ease;}
.coll-tile .glyph{font-family:var(--serif-display);font-weight:700;font-size:1.35rem;color:var(--gold);}
.coll-tile .name{font-size:.95rem;font-weight:600;color:var(--text);}
.coll-tile .count{font-family:var(--mono);font-size:.68rem;color:var(--text-muted);letter-spacing:.04em;}
.coll-tile:hover{border-color:var(--gold);transform:translateY(-2px);}
.coll-tile[aria-pressed="true"]{border-color:var(--gold);background:var(--surface-hi);box-shadow:0 0 30px -12px var(--glow);}
.coll-tile.is-soon{opacity:.8;}
.coll-panel{margin-top:1.6rem;}
.coll-intro{color:var(--text-muted);margin-bottom:1.2rem;max-width:40em;}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem;}
.guide{display:flex;flex-direction:column;gap:.55rem;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:4px;padding:1.2rem;text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease,background .15s ease;}
.guide:hover{border-color:var(--gold);background:var(--bg-card-hover);transform:translateY(-2px);}
.guide h3{font-size:1.08rem;font-weight:600;}
.guide p{color:var(--text-muted);font-size:.92rem;}
.guide .read{font-family:var(--mono);font-size:.74rem;color:var(--gold);margin-top:auto;}
.guide .tag{width:fit-content;}
.tag-free{color:var(--gold);border-color:var(--gold-dim);}
.coll-soon{color:var(--text-muted);}
.coll-soon a{color:var(--gold);}
/* logo carré */
.brand img.mark{border-radius:6px;filter:none;border:1px solid var(--border);}
.foot-brand img{border-radius:6px;}
.menu-btn{display:none;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:2px;padding:.6rem .9rem;cursor:pointer;}
nav.links .only-m{display:none;}
.chapter h3 a{color:inherit;text-decoration:none;}
.chapter h3 a:hover{color:var(--gold);}
.chapters.three .chapter:not(.pillar){grid-column:span 4;}
.chapters.three{margin-top:1.4rem;}
.pill a{color:inherit;text-decoration:none;}
.pill:hover{border-color:var(--gold);color:var(--gold);}
.more{margin-top:2rem;display:flex;justify-content:center;}
a.theme{text-decoration:none;color:inherit;}
.theme.is-soon{opacity:.75;}

/* article */
.crumbs{font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--text-muted);padding-top:2rem;}
.crumbs a{color:var(--text-muted);text-decoration:none;border-bottom:1px solid var(--border);}
.crumbs a:hover{color:var(--gold);border-color:var(--gold);}
.article-head{max-width:760px;margin:0 auto;padding:1.4rem 0 1.4rem;}
.article-head h1{font-size:clamp(2rem,4.6vw,3rem);line-height:1.1;font-weight:700;margin-top:.8rem;}
.article-head .lede{color:var(--text-muted);font-size:1.15rem;margin-top:1rem;}
.article-head .meta-row{margin-top:1.1rem;display:flex;gap:.9rem;flex-wrap:wrap;font-family:var(--mono);font-size:.74rem;color:var(--text-muted);}
.article-body{max-width:720px;margin:0 auto;padding-bottom:1rem;}
.article-body h2{font-size:1.55rem;font-weight:600;margin:2.3rem 0 .7rem;}
.article-body p{margin:0 0 1.1rem;}
.article-body ul,.article-body ol{margin:0 0 1.3rem;padding-left:1.4rem;}
.article-body li{margin-bottom:.55rem;}
.article-body li::marker{color:var(--gold-deep);}
.article-body strong{color:var(--white);}
.article-body a{color:var(--gold);}
.faq-q{font-family:var(--serif-body);font-size:1.08rem;font-weight:600;margin:1.2rem 0 .3rem;color:var(--white);}
.note{border-left:2px solid var(--gold-dim);background:var(--surface);padding:1rem 1.2rem;color:var(--text-muted);font-size:.95rem;margin:2rem 0 0;border-radius:0 3px 3px 0;}
.cta-box{max-width:720px;margin:2.4rem auto 0;border:1px solid var(--gold-dim);background:var(--surface);border-radius:6px;padding:1.6rem;box-shadow:0 0 60px -25px var(--glow) inset;}
.cta-box .eyebrow{display:block;margin-bottom:.8rem;}
.cta-item{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;flex-wrap:wrap;padding:1rem 0;border-top:1px solid var(--border-soft);}
.cta-item:first-of-type{border-top:0;padding-top:.2rem;}
.cta-item h3{font-size:1.1rem;font-weight:600;}
.cta-item p{color:var(--text-muted);font-size:.92rem;margin-top:.25rem;max-width:30em;}
.cta-item .kind{font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);display:block;margin-bottom:.25rem;}
.aff-note{font-family:var(--mono);font-size:.68rem;color:var(--text-muted);border-top:1px dashed var(--border-soft);margin-top:.6rem;padding-top:.9rem;line-height:1.6;}
.aff-note a{color:var(--gold);}
.related{padding-top:3rem;}
.form-msg{font-family:var(--mono);font-size:.74rem;margin-top:.7rem;min-height:1.2em;color:var(--gold);}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0;}
.legal{max-width:720px;margin:0 auto;padding:3rem 0;}
.legal h1{font-size:2.4rem;margin:.6rem 0 1.4rem;}
.legal h2{font-size:1.4rem;margin:2rem 0 .6rem;}
.legal p,.legal li{margin-bottom:.9rem;}
.legal ul{padding-left:1.3rem;}
.legal a:not(.btn){color:var(--gold);}

/* archives */
.page-head{padding:clamp(2.4rem,6vw,4rem) 0 1.4rem;}
.page-head h1{font-size:clamp(2.1rem,4.6vw,3.1rem);font-weight:700;line-height:1.08;margin-top:.7rem;}
.page-head p{color:var(--text-muted);font-size:1.12rem;max-width:36em;margin-top:1rem;}
.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.6rem 0 2rem;}
.chip{font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:999px;padding:.45rem .95rem;cursor:pointer;}
.chip:hover{border-color:var(--gold);color:var(--gold);}
.chip[aria-pressed="true"]{background:var(--gold);color:#140d05;border-color:var(--gold);}
.archive-count{font-family:var(--mono);font-size:.76rem;color:var(--text-muted);margin-bottom:1.2rem;}

/* à propos */
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;margin-top:1.4rem;}
.member{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:4px;padding:1.6rem;}
.member img.avatar{object-fit:cover;object-position:50% 20%;width:5.5rem;height:5.5rem;}
.member .avatar{width:4.2rem;height:4.2rem;border-radius:6px;background:var(--black);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--serif-display);font-size:2rem;font-weight:700;color:var(--gold);margin-bottom:1rem;}
.member h3{font-size:1.3rem;}
.member .role{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);margin:.3rem 0 .8rem;display:block;}
.member p{color:var(--text-muted);font-size:.97rem;}
.member.open{border-style:dashed;border-color:var(--border);}
@media (max-width:860px){
  .coll-tiles{grid-template-columns:repeat(2,1fr);gap:.8rem;}
  .coll-tile{padding:.9rem .85rem;}
  .coll-tile .name{font-size:.88rem;}
  .hero-mark{max-width:132px;justify-self:start;}
  .chapters.three .chapter:not(.pillar){grid-column:span 12;}
  .menu-btn{display:inline-flex;}
  .btn-shop{display:none;}
  nav.links{display:none;}
  nav.links.open{display:flex;flex-direction:column;align-items:flex-start;gap:1.1rem;position:absolute;top:100%;left:0;right:0;background:var(--black);border-bottom:1px solid var(--border);padding:1.3rem clamp(1.25rem,4vw,2.5rem) 1.6rem;}
  nav.links .only-m{display:block;}
  .nav{position:relative;}
  .cta-item{align-items:flex-start;}
}