.page-company .container {

    max-width: 150rem;

    width: 100%;

    padding: 0 3rem;

    margin: auto;

}

.page-company .sub-title {

    margin-bottom: clamp(4.8rem, calc(48px + (80 - 48) * var(--vw-desktop-range)), 8rem);

}



.page-company .sec-about {

    margin: 0 0 clamp(9rem, calc(90px + (150 - 90) * var(--vw-desktop-range)), 15rem) 0;

}



.page-company .flex {

    display: flex;

}



.page-company .sec-about .flex {

    justify-content: flex-end;

    gap: clamp(4rem, calc(40px + (80 - 40) * var(--vw-desktop-range)), 8rem);

    max-width: 150rem;

    margin-left: auto;

    margin-right: auto;

}



.page-company .sec-about .left {

    text-align: left;

    font-size: clamp(1.8rem, calc(18px + (24 - 18) * var(--vw-desktop-range)), 2.4rem);

    line-height: clamp(2.6rem, calc(26px + (50 - 26) * var(--vw-desktop-range)), 5rem);

    max-width: 79rem;

    width: 100%;

}



.page-company .sec-about .left .p {

    letter-spacing: 2.4px;

}



.page-company .sec-about .left .signature {

    font-size: clamp(2.2rem, calc(22px + (30 - 22) * var(--vw-desktop-range)), 3rem);

    line-height: clamp(3.6rem, calc(36px + (55 - 36) * var(--vw-desktop-range)), 5.5rem);

    display: flex;

    gap: clamp(1.6rem, calc(16px + (30 - 16) * var(--vw-desktop-range)), 3rem);

    justify-content: flex-end;

    margin: clamp(3rem, calc(30px + (50 - 30) * var(--vw-desktop-range)), 5rem) 0 0;

}



.page-company img {

    width: 100%;

    height: auto;

}



/* COMPANY INFO TABLE */

.page-company dl {

    border-bottom: 1px solid var(--black);

    padding: clamp(2rem, calc(20px + (30 - 20) * var(--vw-desktop-range)), 3rem) clamp(2.4rem, calc(24px + (40 - 24) * var(--vw-desktop-range)), 4rem);

    font-size: clamp(1.8rem, calc(18px + (24 - 18) * var(--vw-desktop-range)), 2.4rem);

    line-height: clamp(3.4rem, calc(34px + (60 - 34) * var(--vw-desktop-range)), 6rem);

    display: flex;

    margin: auto;

}



.page-company dl dt {

    min-width: clamp(12rem, calc(120px + (200 - 120) * var(--vw-desktop-range)), 20rem);

    margin-right: clamp(4rem, calc(40px + (95 - 40) * var(--vw-desktop-range)), 9.5rem);

}



.page-company dl:first-of-type {

    border-top: 1px solid var(--black);

}



/* 3 IMAGES */

.page-company .three-images {

    margin: clamp(4rem, calc(40px + (80 - 40) * var(--vw-desktop-range)), 8rem) 0 clamp(12rem, calc(120px + (200 - 120) * var(--vw-desktop-range)), 20rem);

    display: flex;

    gap: 1.7rem;
    /* on garde 1.7 pour rester cohérent avec ton calc de largeur */

}



.page-company .three-images .flex {

    display: flex;

    justify-content: space-between;

    margin: 0 auto;

}

.page-company .three-images a {

    display: block;

    flex: 0 1 calc((100% - 3rem) / 3);

    max-width: calc((100% - 3rem) / 3);
}



.page-company .three-images img {

    display: block;

    height: auto;

    object-fit: cover;

    width: 100%;

}



/* LIVING / BLUE BLOCK */

.page-company .living {

    margin-top: clamp(9rem, calc(90px + (150 - 90) * var(--vw-desktop-range)), 15rem);

}



.page-company .blue-block {

    border: 1px solid var(--lightgray);

    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.15);

    border-top: 5px solid var(--blue);

    padding: clamp(4.5rem, calc(45px + (75 - 45) * var(--vw-desktop-range)), 7.5rem) 0 clamp(4.8rem, calc(48px + (80 - 48) * var(--vw-desktop-range)), 8rem);

    margin: auto;

    text-align: center;

}



.page-company .blue-block .blue {

    color: var(--blue);

    font-size: clamp(2.6rem, calc(26px + (40 - 26) * var(--vw-desktop-range)), 4rem);

    line-height: clamp(3.8rem, calc(38px + (60 - 38) * var(--vw-desktop-range)), 6rem);

}



.page-company .blue-block p {

    font-size: clamp(2.2rem, calc(22px + (32 - 22) * var(--vw-desktop-range)), 3.2rem);

    line-height: clamp(3.2rem, calc(32px + (48 - 32) * var(--vw-desktop-range)), 4.8rem);

    margin: clamp(3rem, calc(30px + (50 - 30) * var(--vw-desktop-range)), 5rem) 0 0 0;

}



/* MAP */

.map p {

    font-size: clamp(1.8rem, calc(18px + (24 - 18) * var(--vw-desktop-range)), 2.4rem);

    line-height: clamp(2.6rem, calc(26px + (50 - 26) * var(--vw-desktop-range)), 5rem);

}



.gmap {

    margin: clamp(3rem, calc(30px + (50 - 30) * var(--vw-desktop-range)), 5rem) auto clamp(9rem, calc(90px + (150 - 90) * var(--vw-desktop-range)), 15rem);

    width: 100%;

    height: clamp(60rem, calc(600px + (1000 - 600) * var(--vw-desktop-range)), 100rem);

}

@media screen and (min-width: 1026px) {

    .page-company .three-images a {
        pointer-events: none;
    }

    .page-company .sec-about {
        overflow: hidden;
    }

    .page-company .sec-about .left {
        width: 52%;
        padding-left: 3rem;
    }

    .page-company .sec-about .right {
        width: 37%;
    }

    .page-company .sec-about .right img {
        width: 147%;
        height: 100%;
        object-fit: cover;
    }

}



@media screen and (max-width: 1025px) {

    .page-company .sec-about .flex {

        flex-direction: column-reverse;

    }

    .page-company div:has(dl) dl {

        flex-direction: column;

        padding: 1rem;

    }

    .page-company div:has(dl) dl dt {

        width: 100%;

    }

    .page-company .sec-about {

        padding: 0 3rem;

    }

    .page-company .blue-block {

        padding-inline: 1rem;

    }

    .page-company .sec-about .left {
        font-size: clamp(1.6rem,
                calc(1.6rem + (2.4rem - 1.6rem) * ((100vw - 370px) / (1024px - 370px))),
                2.4rem);
    }

    .page-company .sec-about .left p:first-of-type {
        line-height: 1.7;
    }

    .page-company div:has(dl) dl {
        font-size: clamp(1.6rem, calc(16px + (24 - 16) * var(--vw-desktop-range)), 2.4rem)
    }

    .page-company .container {
        padding: 0 2rem;
    }

    .bottom-footer a img {
        max-width: 80%;
    }
}