/* ============================================================
   PAGES SECONDAIRES — Blog, Article, Fondatrice
   (réutilise les jetons & classes de base de styles.css)
   ============================================================ */

/* En-tête de sous-page */
.subhead{text-align:center;padding:clamp(140px,20vh,220px) clamp(22px,5vw,80px) clamp(40px,6vw,70px);position:relative;}
.subhead .script{font-size:var(--fs-script);color:var(--gold);display:block;margin-bottom:10px;}
.subhead h1{font-family:var(--didone);font-weight:400;font-size:var(--fs-display);line-height:1;letter-spacing:-0.01em;}
.subhead h1 .it{font-style:italic;color:var(--gold);}
.subhead p{max-width:54ch;margin:1.4rem auto 0;color:var(--stone);line-height:1.85;}

.backlink{display:inline-flex;align-items:center;gap:.6em;color:var(--gold);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;padding-bottom:.4em;border-bottom:1px solid rgba(209,162,55,.35);transition:border-color .4s var(--ease);}
.backlink:hover{border-color:var(--gold);}
.backlink .ar{transition:transform .4s var(--ease);}
.backlink:hover .ar{transform:translateX(-4px);}

/* ---- BLOG : grille d'articles ---- */
.posts{max-width:var(--maxw);margin:0 auto;padding:clamp(20px,4vw,40px) clamp(22px,5vw,80px) clamp(70px,9vw,120px);
  display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(36px,5vw,72px);}
.post{display:flex;flex-direction:column;}
.post__media{position:relative;aspect-ratio:3/2;overflow:hidden;margin-bottom:24px;}
.post__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease);}
.post:hover .post__media img{transform:scale(1.05);}
.post__media .ph{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 30%,#251d11,#0e0b07);}
.post__media .ph svg{width:64px;height:64px;opacity:.85;}
.post__media::after{content:"";position:absolute;inset:12px;border:1px solid rgba(209,162,55,.4);transition:border-color .5s var(--ease);pointer-events:none;}
.post:hover .post__media::after{border-color:var(--gold);}
.post__meta{font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--stone);margin-bottom:12px;}
.post__title{font-family:var(--didone);font-weight:400;font-size:var(--fs-h3);line-height:1.08;margin-bottom:12px;}
.post__title .it{font-style:italic;color:var(--gold);}
.post__excerpt{color:#bbb29e;line-height:1.8;font-size:.96rem;margin-bottom:18px;max-width:46ch;}

/* ---- ARTICLE ---- */
.article{max-width:760px;margin:0 auto;padding:clamp(120px,16vh,190px) clamp(22px,6vw,40px) clamp(36px,5vw,56px);}
.article__top{text-align:center;margin-bottom:clamp(30px,4vw,44px);}
.article__cat{font-size:.64rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:18px;}
.article__title{font-family:var(--didone);font-weight:400;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.03;letter-spacing:-0.01em;margin-bottom:22px;}
.article__title .it{font-style:italic;color:var(--gold);}
.article__meta{display:flex;justify-content:center;align-items:center;gap:16px;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--stone);}
.article__meta i{width:4px;height:4px;background:var(--gold);transform:rotate(45deg);}
.article__hero{position:relative;aspect-ratio:16/9;overflow:hidden;margin-bottom:clamp(40px,6vw,64px);}
.article__hero img{width:100%;height:100%;object-fit:cover;}
.article__hero::after{content:"";position:absolute;inset:14px;border:1px solid rgba(209,162,55,.4);}
.prose p{color:#cfc7b5;font-size:1.08rem;line-height:1.95;margin-bottom:1.5rem;}
.prose p:first-of-type::first-letter{font-family:var(--didone);font-size:3.6em;float:left;line-height:.78;padding:.04em .1em 0 0;color:var(--gold);font-style:italic;}
.prose h3{font-family:var(--didone);font-weight:400;font-size:var(--fs-h3);margin:2.4rem 0 1rem;color:var(--ivory);}
.prose blockquote{font-family:var(--didone);font-style:italic;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.4;color:var(--ivory);border-left:1px solid var(--gold);padding-left:1.5rem;margin:2.4rem 0;}
.article__sign{margin-top:2.6rem;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);}

.share{display:flex;align-items:center;gap:16px;justify-content:center;margin:clamp(40px,6vw,60px) 0;padding:24px 0;border-block:1px solid rgba(148,140,122,.2);}
.share span{font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--stone);}
.share a{width:38px;height:38px;border:1px solid rgba(209,162,55,.4);border-radius:50%;display:grid;place-items:center;transition:background .4s var(--ease),border-color .4s var(--ease);}
.share a:hover{background:var(--gold);}
.share a svg{width:16px;height:16px;fill:var(--gold);transition:fill .4s var(--ease);}
.share a:hover svg{fill:var(--noir);}

/* ---- COMMENTAIRES (interface, à connecter au service plus tard) ---- */
.comments{max-width:760px;margin:0 auto;padding:0 clamp(22px,6vw,40px) clamp(56px,8vw,90px);}
.comments__h{font-family:var(--didone);font-weight:400;font-size:var(--fs-h3);}
.comments__note{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--stone);margin:6px 0 30px;}
.comment{display:flex;gap:16px;padding:22px 0;border-top:1px solid rgba(148,140,122,.16);}
.comment__av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#2a2114,#15120d);border:1px solid rgba(209,162,55,.4);display:grid;place-items:center;font-family:var(--didone);color:var(--gold);font-size:1.1rem;flex:none;}
.comment__b strong{font-family:var(--ui);font-weight:500;font-size:.92rem;color:var(--ivory);}
.comment__b time{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stone);margin-left:10px;}
.comment__b p{margin-top:8px;color:#bbb29e;line-height:1.7;font-size:.95rem;}
.cform{margin-top:36px;display:grid;gap:16px;}
.cform .row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.field{display:flex;flex-direction:column;gap:8px;}
.field label{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--stone);}
.field input,.field textarea{background:var(--noir-2);border:1px solid rgba(148,140,122,.25);color:var(--ivory);font-family:var(--ui);font-size:.95rem;padding:.9em 1em;transition:border-color .4s var(--ease);}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold);}
.field textarea{min-height:130px;resize:vertical;}
.formnote{font-size:.62rem;letter-spacing:.04em;color:var(--stone);margin-top:4px;}

/* ---- NEWSLETTER ---- */
.news{background:var(--noir-2);border-block:1px solid rgba(148,140,122,.2);padding:clamp(60px,8vw,110px) clamp(22px,5vw,80px);text-align:center;}
.news .script{font-size:var(--fs-script);color:var(--gold);display:block;margin-bottom:8px;}
.news h2{font-family:var(--didone);font-weight:400;font-size:var(--fs-h2);margin-bottom:14px;}
.news h2 .it{font-style:italic;color:var(--gold);}
.news p{max-width:48ch;margin:0 auto 32px;color:var(--stone);line-height:1.8;}
.news__form{display:flex;gap:12px;max-width:500px;margin:0 auto;flex-wrap:wrap;justify-content:center;}
.news__form input{flex:1;min-width:220px;background:var(--noir);border:1px solid rgba(148,140,122,.3);color:var(--ivory);font-family:var(--ui);font-size:.95rem;padding:1em 1.2em;}
.news__form input:focus{outline:none;border-color:var(--gold);}
.news__msg{margin-top:16px;font-size:.72rem;letter-spacing:.05em;color:var(--gold);min-height:1.1em;}

/* ---- FONDATRICE ---- */
.founder{position:relative;min-height:100dvh;display:flex;align-items:flex-end;overflow:hidden;background:var(--obsidian);}
.founder__bg{position:absolute;top:clamp(78px,10vh,100px);left:clamp(18px,2.2vw,30px);right:clamp(18px,2.2vw,30px);bottom:clamp(18px,2.2vw,30px);overflow:hidden;}
.founder__bg img{width:100%;height:100%;object-fit:cover;object-position:center 28%;}
.founder__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,7,4,.96) 2%,rgba(8,7,4,.52) 42%,rgba(8,7,4,.74));}
.founder__frame{position:absolute;top:clamp(78px,10vh,100px);left:clamp(18px,2.2vw,30px);right:clamp(18px,2.2vw,30px);bottom:clamp(18px,2.2vw,30px);border:1px solid rgba(209,162,55,.45);pointer-events:none;z-index:2;}
.founder__in{position:relative;z-index:3;max-width:var(--maxw);margin:0 auto;width:100%;padding:0 clamp(40px,6vw,96px) clamp(60px,9vh,110px);}
.founder__in .label{display:block;margin-bottom:18px;}
.founder__in h1{font-family:var(--didone);font-weight:400;font-size:var(--fs-display);line-height:.98;letter-spacing:-0.01em;}
.founder__in h1 .it{font-style:italic;color:var(--gold);}
.founder__in .role{font-family:var(--ui);letter-spacing:.34em;text-transform:uppercase;font-size:.66rem;color:var(--gold);margin-top:16px;display:block;}

.bio{max-width:720px;margin:0 auto;padding:clamp(80px,10vw,140px) clamp(22px,6vw,40px);}
.bio .lead{font-family:var(--didone);font-style:italic;font-size:clamp(1.4rem,2.4vw,1.95rem);line-height:1.5;color:var(--ivory);margin-bottom:2.6rem;}
.bio p{color:#cfc7b5;font-size:1.06rem;line-height:1.95;margin-bottom:1.5rem;}
.bio h2{font-family:var(--didone);font-weight:400;font-size:var(--fs-h2);margin:3.2rem 0 1.2rem;}
.bio h2 .it{font-style:italic;color:var(--gold);}
.bio blockquote{font-family:var(--didone);font-style:italic;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.42;text-align:center;color:var(--ivory);margin:3.4rem 0 .6rem;}
.bio .sig{font-family:var(--script);color:var(--gold);font-size:2.6rem;display:block;text-align:center;}
.bio .tag{font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--stone);text-align:center;display:block;}

/* ---- ACTUALITÉS / Apparitions médiatiques ---- */
.actus{max-width:var(--maxw);margin:0 auto;padding:clamp(20px,4vw,40px) clamp(22px,5vw,80px) clamp(70px,9vw,120px);
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(30px,4vw,56px);}
.actu{display:flex;flex-direction:column;}
.actu__media{position:relative;aspect-ratio:3/4;overflow:hidden;margin-bottom:22px;background:#0e0b07;}
.actu__media img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 1.1s var(--ease);}
.actu:hover .actu__media img{transform:scale(1.04);}
.actu__media::after{content:"";position:absolute;inset:12px;border:1px solid rgba(209,162,55,.4);transition:border-color .5s var(--ease);pointer-events:none;}
.actu:hover .actu__media::after{border-color:var(--gold);}
.actu__src{font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.actu__title{font-family:var(--didone);font-weight:400;font-size:clamp(1.3rem,1.9vw,1.7rem);line-height:1.16;margin-bottom:12px;}
.actu__desc{color:#bbb29e;line-height:1.75;font-size:.92rem;margin-bottom:16px;}

@media(max-width:980px){ .actus{grid-template-columns:1fr 1fr;} }
@media(max-width:860px){
  .posts{grid-template-columns:1fr;max-width:560px;}
  .cform .row{grid-template-columns:1fr;}
}
@media(max-width:640px){ .actus{grid-template-columns:1fr;max-width:460px;} }

/* ---- PRODUITS (pages métier : confection, édition) ---- */
.products{max-width:var(--maxw);margin:0 auto;padding:clamp(20px,4vw,40px) clamp(22px,5vw,80px) clamp(60px,8vw,110px);
  display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(34px,5vw,68px);}
.product{display:flex;flex-direction:column;}
.product__media{position:relative;aspect-ratio:4/5;overflow:hidden;margin-bottom:24px;background:#0e0b07;}
.product__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease);}
.product:hover .product__media img{transform:scale(1.05);}
.product__media::after{content:"";position:absolute;inset:13px;border:1px solid rgba(209,162,55,.4);transition:border-color .5s var(--ease);pointer-events:none;}
.product:hover .product__media::after{border-color:var(--gold);}
.product__cat{font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.product__title{font-family:var(--didone);font-weight:400;font-size:var(--fs-h3);line-height:1.1;margin-bottom:12px;}
.product__title .it{font-style:italic;color:var(--gold);}
.product__desc{color:#bbb29e;line-height:1.85;font-size:.96rem;max-width:46ch;}
.product__feats{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px;}
.product__feats li{font-size:.7rem;letter-spacing:.04em;color:var(--stone);display:flex;align-items:center;gap:8px;}
.product__feats li::before{content:"";width:5px;height:5px;background:var(--gold);transform:rotate(45deg);flex:none;}
.products--wide .product__media,.product--wide .product__media{aspect-ratio:4/3;}
.product--box .product__media{aspect-ratio:3/2;}
.product--box .product__media img{object-position:center;}

@media(max-width:760px){ .products{grid-template-columns:1fr;max-width:480px;} }



/* ===================== BOUTON COMMANDER WHATSAPP ===================== */
.wa-btn{
  display:inline-flex;align-items:center;gap:.6em;margin-top:18px;
  padding:12px 22px;border-radius:2px;
  background:rgba(37,211,102,.10);border:1px solid rgba(37,211,102,.55);
  color:#cfe9d6;font-family:'Jost',sans-serif;font-size:.72rem;
  letter-spacing:.16em;text-transform:uppercase;
  transition:background .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease);
}
.wa-btn svg{width:18px;height:18px;fill:#25D366;flex:none;transition:fill .35s var(--ease);}
.wa-btn:hover{background:#25D366;border-color:#25D366;color:#0b2616;}
.wa-btn:hover svg{fill:#0b2616;}
.wa-btn--lg{padding:15px 30px;font-size:.78rem;}
.cmd-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;align-items:center;margin-top:6px;}
@media(max-width:640px){
  .wa-btn{width:100%;justify-content:center;}
  .cmd-cta{flex-direction:column;}
  .cmd-cta .cta,.cmd-cta .wa-btn{width:100%;justify-content:center;text-align:center;}
}

/* ===================== PAGES LÉGALES ===================== */
.legal p:first-of-type::first-letter{font-family:inherit;font-size:inherit;float:none;padding:0;color:inherit;font-style:inherit;line-height:inherit;}
.prose ul{color:#cfc7b5;font-size:1.05rem;line-height:1.9;margin:0 0 1.5rem;padding-left:1.3rem;}
.prose ul li{margin-bottom:.7rem;}
.prose ul li::marker{color:var(--gold);}
.prose a{color:var(--gold-lite);border-bottom:1px solid rgba(209,162,55,.35);transition:border-color .3s var(--ease);}
.prose a:hover{border-color:var(--gold);}
.foot__legal{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;}
.foot__legal a{color:var(--stone);transition:color .3s var(--ease);}
.foot__legal a:hover{color:var(--gold);}