/* CAPILEA — advertorial calqué sur le VISUEL RÉEL du bridge concurrent (FoliPrime, capture) :
   - bandeau ADVERTORIAL discret
   - HERO photo sombre (split) + headline BLANC gras (sans-serif) en overlay
   - CORPS en SERIF (Georgia) sur blanc, façon "presse santé"
   - lien "Cliquez ici pour voir" + barre CTA INDIGO "Regarder la vidéo ▶"
   - pied MARINE avec wordmark magazine. Ton news/dermato. */

:root{
  --charcoal:#1a1a1a; --gold:#c9a24b; --gold-d:#a9822f;
  --indigo:#2a1a4a; --indigo-l:#3c2668;
  --ink:#1e1e1e; --soft:#4a4a4a; --line:#e2e2e2; --link:#2f5fb0;
  --navy:#22243a;
}
*{box-sizing:border-box;}
body{
  margin:0; background:#fff; color:var(--ink);
  font-family:Georgia,'Times New Roman',serif;
  font-size:19px; line-height:1.6; -webkit-font-smoothing:antialiased;
}
.wrap{width:min(100% - 32px,720px);margin-inline:auto;}
img{max-width:100%;display:block;}
a{color:var(--link);}

.addisc{background:#f3f3f3;color:#8a8a8a;text-align:center;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;padding:6px 10px;font-family:Arial,sans-serif;}

/* Hero split sombre + overlay */
.phero{position:relative;min-height:440px;color:#fff;overflow:hidden;
  background:linear-gradient(90deg,#2a2622 0 50%,#141414 50% 100%);}
.phero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.62));}
.phero .in{position:relative;width:min(100% - 32px,940px);margin-inline:auto;padding:64px 0 60px;}
.phero .kick{font-family:Arial,sans-serif;font-size:20px;font-weight:600;color:#e9dcc2;margin:0 0 8px;}
.phero h1{font-family:Arial,'Segoe UI',sans-serif;font-weight:800;font-size:clamp(30px,5.6vw,52px);line-height:1.06;letter-spacing:-.01em;margin:0;max-width:720px;text-shadow:0 2px 16px rgba(0,0,0,.5);}

/* Corps serif */
.article{padding:34px 0 8px;}
.article p{margin:0 0 20px;}
.article p.lead{font-weight:700;font-size:20px;color:#141414;}
.article strong{font-weight:700;}
.article em{font-style:italic;}
.article u{text-decoration-thickness:3px;text-underline-offset:3px;}

/* H2 news avec barre indigo */
.article h2{font-family:Arial,'Segoe UI',sans-serif;font-weight:800;font-size:clamp(23px,3.4vw,30px);line-height:1.18;margin:34px 0 16px;padding-left:16px;border-left:6px solid var(--gold);color:#161616;}

.clbox{background:#faf6ee;border:1px solid #ece2cd;border-left:5px solid var(--gold);border-radius:10px;padding:18px 22px;margin:24px 0;}
.clbox.q{font-style:italic;color:#3a3a3a;}
.figure{margin:26px 0;}
.figure img{border-radius:12px;box-shadow:0 16px 40px -22px rgba(0,0,0,.45);}
.figcap{font-size:13px;color:var(--soft);text-align:center;font-style:italic;margin-top:8px;font-family:Arial,sans-serif;}

/* Chiffres clés */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0;}
@media(max-width:520px){.stats{grid-template-columns:1fr;}}
.skb{background:#141414;color:#fff;border-radius:12px;padding:18px 20px;text-align:center;}
.skb .n{font-family:Arial,sans-serif;font-weight:800;font-size:34px;color:var(--gold);}
.skb .l{font-family:Arial,sans-serif;font-size:13.5px;color:#d9d2c4;margin-top:4px;}

/* CTA lien + barre indigo */
.textcta{font-family:Arial,sans-serif;font-size:18px;font-weight:800;margin:26px 0 14px;}
.textcta a{color:var(--link);text-decoration:underline;}
.videobar{display:block;background:linear-gradient(90deg,var(--indigo),var(--indigo-l));color:#fff;text-align:center;font-family:Arial,sans-serif;font-weight:800;font-size:26px;letter-spacing:.01em;padding:22px 16px;text-decoration:none;margin:20px 0;}
.videobar:hover{filter:brightness(1.08);}
hr.sep{border:0;border-top:1px solid var(--line);margin:30px 0;}
.ps{margin-top:6px;}

/* Pied marine wellness */
.navyfoot{background:var(--navy);color:#b9bdd0;padding:44px 0 40px;margin-top:56px;text-align:center;font-family:Arial,sans-serif;}
.navyfoot .fmag{font-weight:800;font-size:30px;color:#fff;letter-spacing:-.02em;}
.navyfoot .fmag span{color:var(--gold);font-weight:400;}
.navyfoot .flinks{margin:14px 0 22px;font-size:14px;}
.navyfoot .flinks a{color:#b9bdd0;margin:0 6px;text-decoration:underline;}
.navyfoot .fdisc{width:min(100% - 32px,860px);margin-inline:auto;font-size:12.5px;line-height:1.65;color:#868ba6;}
.navyfoot .fdisc b{color:#b9bdd0;}