/* ============================================================
   Serendip Innovations - Mentions légales
   (mentions-legales.php / mentions-legales-en.php)
   Hero de sous-page + mise en page du texte légal.
   Chargé APRÈS assets/style.css.
   ============================================================ */

.subpage-hero{position:relative;padding:150px 0 10px;overflow:hidden}
.subpage-hero::before{content:"";position:absolute;top:-160px;right:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,191,115,.10),rgba(105,194,212,.06) 45%,transparent 70%);filter:blur(20px);z-index:0;pointer-events:none}
.subpage-hero .wrap{position:relative;z-index:1}
.subpage-hero h1{font-family:var(--display);font-weight:700;letter-spacing:-0.03em;font-size:clamp(2.4rem,5.2vw,3.9rem);line-height:1.02;margin:14px 0 16px}
.subpage-hero .lead{font-size:clamp(1.02rem,1.5vw,1.18rem);color:var(--ink-soft);max-width:56ch;line-height:1.6}
.legal{max-width:824px;margin:0 auto;padding-bottom:20px}
.legal-card{background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:26px 30px;margin:30px 0 8px}
.legal-card .lrow{display:flex;flex-wrap:wrap;gap:2px 30px}
.legal-card .lrow > div{min-width:210px;flex:1;margin-bottom:14px}
.legal-card h3{font-size:.72rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--teal);font-weight:600;margin-bottom:6px}
.legal-card p{font-size:15px;color:var(--ink-soft);line-height:1.55;margin:0}
.legal-card b{color:var(--ink);font-weight:600}
.legal h2{font-family:var(--display);font-weight:650;font-size:clamp(1.25rem,2.4vw,1.6rem);letter-spacing:-0.02em;margin:40px 0 14px;padding-top:8px}
.legal h3.sub{font-size:1.06rem;font-weight:650;color:var(--ink);margin:22px 0 9px}
.legal p{color:var(--ink-soft);font-size:15.5px;line-height:1.72;margin-bottom:14px}
.legal ul{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.legal ul li{position:relative;padding-left:22px;color:var(--ink-soft);font-size:15px;line-height:1.6}
.legal ul li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--grad)}
.legal a{color:var(--green-deep);text-decoration:underline}
.legal .def{margin-bottom:11px}
.legal .def b{color:var(--ink)}
@media(max-width:860px){.subpage-hero{padding:120px 0 6px}}