/* ====== À propos (Larose) ====== */
:root {
    --bg: #fdeff3;
    /* rose très pâle du fond */
    --text: #3e3e3e;
    --muted: #616161;
    --rose: #e49cb1;
    /* rose du script */
    --btn: #d8be97;
    /* beige du bouton */
    --btn-text: #fff;
    --radius: 20px;
}

.about-larose {
    background: #ffffff; /* section en blanc */
    padding: clamp(24px, 3vw, 45px) 16px; /* ~50% de la hauteur et léger resserrage horizontal */
    font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    color: var(--text);
}

.a-wrap {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    align-items: center;
    gap: clamp(12px, 2.5vw, 28px);
}

/* ---------- TITRE ---------- */
.a-title {
    margin: 0 0 9px;
    line-height: 1.05;
}

.a-title-line {
    display: block;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    font-size: clamp(18px, 2.5vw, 36px);
    /* ~50% */
    color: #5a5a5a;
    letter-spacing: .2px;
}

.a-title-dark {
    color: #4a4a4a;
}

.a-script {
    font-family: 'Allura', cursive;
    font-weight: 400;
    font-size: clamp(24px, 3.6vw, 46px);
    /* ~50% */
    line-height: .95;
}

.a-title-rose {
    color: var(--rose);
}

/* ---------- TEXTE ---------- */
.a-text {
    margin: 7px 0 13px;
    max-width: 58ch;
    color: var(--muted);
    font-size: clamp(12px, 0.8vw, 14px); /* réduit mais garde une lisibilité minimale */
    line-height: 1.6;
}

/* ---------- BOUTON ---------- */
.a-btn {
    display: inline-block;
    background: var(--btn);
    color: var(--btn-text);
    padding: 8px 13px; /* ~50% */
    border-radius: 7px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(120, 86, 40, .16);
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.a-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(120, 86, 40, .20);
}

.a-btn:active {
    transform: translateY(0);
    opacity: .9;
}

/* ---------- IMAGES ---------- */
.a-right {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(11px, 1.4vw, 15px);
    align-content: start;
    padding-right: clamp(0px, .5vw, 5px);
}

.a-photo {
    overflow: hidden;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 16px 30px rgba(60, 36, 46, .12);
}

.a-photo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* tailles et proportion proches de la maquette */
.a-photo--big {
    aspect-ratio: 4 / 5;
    max-width: 260px; /* ~50% */
}

.a-photo--tall {
    aspect-ratio: 7 / 10;
    max-width: 210px; /* ~50% */
    margin-left: clamp(7px, 1.5vw, 22px);
}

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
    .a-wrap {
        grid-template-columns: 1fr;
    }

    .a-right {
        grid-template-columns: 1fr 1fr;
    }

    .a-photo--big,
    .a-photo--tall {
        max-width: none;
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    .a-right {
        grid-template-columns: 1fr;
    }

    .a-photo--tall {
        order: 2;
    }
}