/* VIRILIS bridge — design calqué sur la capture EndoPeak : VIDEO-BRIDGE.
   Hero photo sombre + HEADLINE BLANC en overlay, corps serif court, lien bleu,
   grande vignette vidéo + barre navy "Regarder la vidéo ▶", accordéon Études.
   Palette masculine : anthracite + navy + or. Cadre bien-être/confort. */

:root{ --ink:#1a1f2b; --soft:#4b5566; --line:#e3e7ee; --blue:#2f6bd6; --navy:#1a2338; --gold:#c9a24a; }
*{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{position:relative;background:var(--navy);}
.hero img{width:100%;max-height:500px;object-fit:cover;opacity:.82;}
.hero .over{position:absolute;inset:0;display:flex;align-items:center;}
.hero .over .in{width:min(100% - 40px,1000px);margin-inline:auto;}
.hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:clamp(28px,4.8vw,50px);line-height:1.06;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5);max-width:640px;margin:0;}

.body{padding:32px 0;}
.body p{margin:0 0 20px;}
.body p.strong{font-weight:700;}
.textcta{font-size:19px;font-weight:700;margin:22px 0;}
.textcta a{text-decoration:underline;}

.videowrap{margin:8px 0;}
.videowrap img{width:100%;}
.watchbar{background:var(--navy);color:#fff;text-align:center;font-family:Arial,sans-serif;font-weight:800;font-size:22px;letter-spacing:.02em;padding:16px;text-decoration:none;display:block;}
.watchbar:hover{background:#111a2e;color:#fff;}

.studies{border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.studies details{padding:2px 0;}
.studies summary{cursor:pointer;font-family:Arial,sans-serif;font-weight:700;color:var(--soft);padding:12px 0;font-size:15px;}
.studies p{font-size:15px;color:var(--soft);margin:0 0 12px;}

.body h2{font-family:Arial,sans-serif;font-weight:800;font-size:24px;margin:30px 0 12px;}
.callout{background:#f2f6fd;border-left:4px solid var(--blue);border-radius:8px;padding:16px 20px;margin:24px 0;font-size:17px;}
.body figure{margin:24px 0;text-align:center;} .body figcaption{font-size:14px;color:var(--soft);font-style:italic;margin-top:8px;}

.foot{background:#12151d;color:#8b97a8;font-size:13px;padding:32px 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:#c2ccda;text-decoration:none;margin:0 8px;}
.foot .fine{width:min(100% - 34px,860px);margin-inline:auto;line-height:1.6;color:#78859a;}