/* DERMALYS bridge — design calqué sur la capture PrimeBio :
   hero image beige + HEADLINE BLANC en overlay, label ADVERTORIAL, corps SERIF
   (Georgia), lien-texte bleu. Palette beauté : beige/taupe + bleu bouclier + rose. */

:root{ --ink:#2a2420; --soft:#5a5148; --line:#e6ded2; --blue:#3b4fd6; --rose:#c25a7a; --beige:#cfc4b8; }
*{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.62;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
.wrap{width:min(100% - 34px,700px);margin-inline:auto;}
a{color:var(--blue);}

/* Hero image + headline overlay */
.hero{position:relative;background:var(--beige);}
.hero img{width:100%;max-height:520px;object-fit:cover;opacity:.92;}
.hero .over{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;}
.hero .over .in{width:min(100% - 40px,1000px);margin-inline:auto;}
.adlabel{text-align:center;letter-spacing:.22em;font-size:12px;color:#6b5a4a;text-transform:uppercase;font-family:Arial,sans-serif;padding-top:14px;position:absolute;top:0;left:0;right:0;}
.hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:clamp(30px,5vw,52px);line-height:1.05;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35);max-width:620px;margin:0;}

/* Corps serif */
.body{padding:34px 0;}
.body p{margin:0 0 20px;}
.body p.strong{font-weight:700;}
.body h2{font-family:Arial,sans-serif;font-weight:800;font-size:25px;margin:32px 0 14px;}
.body em{font-style:italic;}
.body figure{margin:26px 0;text-align:center;}
.body figure img{border-radius:8px;box-shadow:0 10px 30px -14px rgba(0,0,0,.4);display:inline-block;}
.body figcaption{font-size:14px;color:var(--soft);font-style:italic;margin-top:8px;}
.callout{background:#f3f1fb;border-left:4px solid var(--blue);border-radius:8px;padding:16px 20px;margin:26px 0;font-size:17px;}
.callout b{color:var(--blue);}
.textcta{font-size:20px;font-weight:700;margin:26px 0;}
.textcta a{color:var(--rose);text-decoration:underline;}
hr.sep{border:0;border-top:1px solid #ccc;margin:30px 0;}

/* Pied */
.foot{background:#2a2420;color:#c9bfb2;font-size:13px;padding:34px 0;margin-top:20px;}
.foot .fmag{font-family:Georgia,serif;font-weight:700;font-size:22px;color:#fff;text-align:center;}
.foot .flinks{text-align:center;margin:14px 0;}
.foot .flinks a{color:#e8dfd3;text-decoration:none;margin:0 8px;}
.foot .fine{width:min(100% - 34px,860px);margin-inline:auto;line-height:1.6;color:#a99e90;}
