/* =========================================================
           PAGE LÉGALE
           Styles complémentaires basés sur la page principale.
           ========================================================= */

        .legal-page {
            position: relative;
            z-index: 2;

            min-height: 100vh;

            padding: 175px 0 130px;

            background: #050505;
            color: #f3f3ef;
        }

        .site-header a{
            color:#000;
        }

        .legal-intro {
            max-width: 680px;

            margin: 46px 0 0;

            color: #a5a5a2;

            font-size: 18px;
            line-height: 1.75;
        }


        .legal-update {
            margin-top: 35px;

            color: #666;

            font-size: 13px;
            font-weight: 700;
            line-height: 1.3;
            letter-spacing: .18em;
            text-transform: uppercase;
        }


        .legal-body {
            padding: 110px 0 140px;
            padding-top:250px;

            background: #f3f3ef;
            color: #111;
        }


        .legal-body h1 {
            max-width: 980px;

            margin: 0;

            font-family: "futura-pt", sans-serif;
            font-size: clamp(58px, 7.2vw, 116px);
            font-weight: 400;
            line-height: .88;
            letter-spacing: -.062em;
        }


        .legal-body h1 span {
            color: #646464;
        }

        .legal-layout {
            display: grid;
            grid-template-columns: 220px minmax(0, 820px);

            gap: 80px;
        }


        .legal-nav {
            position: sticky;
            top: 40px;

            align-self: start;
        }


        .legal-nav small {
            display: block;

            margin-bottom: 22px;

            color: #8a8a85;

            font-size: 13px;
            font-weight: 700;
            line-height: 1.3;
            letter-spacing: .2em;
            text-transform: uppercase;
        }


        .legal-nav a {
            display: block;

            width: fit-content;

            margin-bottom: 11px;

            color: #666;
            text-decoration: none;

            font-size: 14px;
            line-height: 1.4;

            transition: color .25s ease;
        }


        .legal-nav a:hover {
            color: #111;
        }


        .legal-content {
            min-width: 0;
        }


        .legal-section {
            padding: 0 0 70px;
            margin: 0 0 70px;

            border-bottom: 1px solid #cfcfca;
        }


        .legal-section:last-child {
            margin-bottom: 0;
            padding-bottom: 0;

            border-bottom: 0;
        }


        .legal-section-label {
            display: block;

            margin-bottom: 17px;

            color: #8a8a85;

            font-size: 13px;
            font-weight: 700;
            line-height: 1.3;
            letter-spacing: .2em;
            text-transform: uppercase;
        }


        .legal-section h2 {
            margin: 0 0 34px;

            font-family: "futura-pt", sans-serif;
            font-size: clamp(38px, 4.2vw, 62px);
            font-weight: 400;
            line-height: .95;
            letter-spacing: -.045em;
        }


        .legal-section h3 {
            margin: 42px 0 15px;

            font-family: "futura-pt", sans-serif;
            font-size: 24px;
            font-weight: 400;
            line-height: 1.2;
        }


        .legal-section p,
        .legal-section li {
            color: #555550;

            font-size: 16px;
            line-height: 1.75;
        }


        .legal-section p {
            margin: 0 0 18px;
        }


        .legal-section ul {
            margin: 18px 0 24px;
            padding-left: 20px;
        }


        .legal-section li + li {
            margin-top: 8px;
        }


        .legal-section a {
            color: #111;

            text-decoration-thickness: 1px;
            text-underline-offset: 4px;
        }


        .legal-company {
            display: grid;
            grid-template-columns: 1fr 1fr;

            gap: 12px 40px;

            margin: 32px 0;

            padding: 28px;

            border: 1px solid #cecec8;
        }


        .legal-company div {
            min-width: 0;
        }


        .legal-company small {
            display: block;

            margin-bottom: 5px;

            color: #92928d;

            font-size: 13px;
            font-weight: 700;
            line-height: 1.3;
            letter-spacing: .16em;
            text-transform: uppercase;
        }


        .legal-company strong,
        .legal-company a {
            color: #111;

            font-size: 15px;
            font-weight: 400;
            line-height: 1.5;
        }


        .legal-note {
            margin-top: 30px;
            padding: 24px 26px;

            background: #e8e8e3;
        }


        .legal-note strong {
            display: block;

            margin-bottom: 8px;

            color: #111;

            font-size: 16px;
            font-weight: 500;
        }


        .legal-note p {
            margin: 0;

            font-size: 14px;
        }


        .legal-contact {
            display: flex;
            flex-wrap: wrap;

            gap: 12px 28px;

            margin-top: 24px;
        }


        .legal-contact a {
            display: inline-flex;
            align-items: center;

            min-height: 42px;
            padding: 0 15px;

            border: 1px solid #bdbdb7;

            color: #111;
            text-decoration: none;

            font-size: 13px;
        }


        .legal-back {
            display: inline-flex;
            align-items: center;

            gap: 18px;

            padding-bottom: 8px;

            border-bottom: 1px solid rgba(255,255,255,.45);

            color: #fff;
            text-decoration: none;

            font-size: 13px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: .18em;
            text-transform: uppercase;
        }


        @media (max-width: 1100px) {

            .legal-hero-grid,
            .legal-layout {
                grid-template-columns: 170px minmax(0, 1fr);

                gap: 50px;
            }

        }


        @media (max-width: 900px) {

            .legal-page {
                padding-top: 155px;
                padding-bottom: 95px;
            }


            .legal-hero {
                padding-bottom: 45px;
            }


            .legal-hero-grid,
            .legal-layout {
                grid-template-columns: minmax(0, 1fr);

                gap: 28px;
            }


            .legal-hero-main,
            .legal-content {
                width: 100%;
                max-width: none;
                margin-top:200px;
            }


            .legal-body {
                padding: 85px 0 100px;
            }


            .legal-nav {
                position: static;

                display: flex;
                flex-wrap: wrap;

                gap: 8px 18px;

                margin-bottom: 30px;
                padding-bottom: 24px;

                border-bottom: 1px solid #d2d2cc;
            }


            .legal-nav small {
                flex: 0 0 100%;

                margin-bottom: 5px;
            }


            .legal-nav a {
                margin: 0;

                font-size: 13px;
            }


            .legal-company {
                grid-template-columns: 1fr;
            }

        }


        @media (max-width: 520px) {

            .legal-page {
                padding-top: 145px;
            }


            .legal-hero h1 {
                font-size: 15vw;
            }


            .legal-intro {
                font-size: 17px;
            }


            .legal-section {
                padding-bottom: 55px;
                margin-bottom: 55px;
            }


            .legal-company {
                padding: 22px;
            }

        }

    
.legal-update { font-size: 13px; }