/* Pages légales : mentions légales et confidentialité */
.legal-page { padding: clamp(64px, 9vw, 120px) clamp(22px, 4vw, 72px) clamp(64px, 8vw, 110px); }
.legal-hero { max-width: 760px; margin-bottom: clamp(40px, 6vw, 72px); }
.legal-hero h1 { margin: 14px 0 16px; font: 600 clamp(36px, 5vw, 64px)/1 "Barlow Condensed", sans-serif; text-transform: uppercase; }
.legal-hero p { color: var(--grey); font-size: 14px; }
.legal-body { max-width: 760px; }
.legal-body section { padding: 28px 0; border-top: 1px solid var(--line-dark); }
.legal-body h2 { margin: 0 0 14px; font: 600 clamp(22px, 2.2vw, 28px)/1.1 "Barlow Condensed", sans-serif; text-transform: uppercase; }
.legal-body p, .legal-body li { color: #c9c3b9; font-size: 15px; line-height: 1.75; }
.legal-body p + p, .legal-body ul + p, .legal-body p + ul { margin-top: 12px; }
.legal-body ul { margin: 0; padding-left: 20px; }
.legal-body a { color: var(--white); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-body a:hover { color: var(--orange); }
.legal-body strong { color: var(--white); font-weight: 600; }