/* Cameron — About page credibility layer.
   Intentionally light: preserves the existing About page structure and visual language. */

.about-expect{
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.about-expect__grid{
    display:grid;
    grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
    gap:90px;
    align-items:start;
}

.about-expect__heading{
    position:sticky;
    top:120px;
    max-width:520px;
}

.about-expect__heading h2{
    margin:10px 0 22px;
    max-width:500px;
    font-size:clamp(2.25rem,3.7vw,4rem);
    line-height:1.03;
    letter-spacing:-.025em;
}

.about-expect__heading>p:last-child{
    max-width:430px;
    margin:0;
    color:#625a55;
    line-height:1.8;
}

.about-expect__list{
    border-top:1px solid var(--line);
}

.about-expect__list article{
    display:grid;
    grid-template-columns:minmax(210px,.62fr) minmax(0,1fr);
    gap:34px;
    padding:27px 0 29px;
    border-bottom:1px solid var(--line);
}

.about-expect__list h3{
    margin:0;
    font-family:var(--serif);
    font-size:clamp(1.25rem,1.65vw,1.7rem);
    font-weight:400;
    line-height:1.2;
    letter-spacing:-.01em;
}

.about-expect__list p{
    margin:0;
    color:#5f5752;
    font-size:.9rem;
    line-height:1.78;
}

.about-expect__links{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0;
    margin-top:48px;
    padding-top:19px;
    border-top:1px solid rgba(124,33,5,.18);
}

.about-expect__links span,
.about-expect__links a{
    font-size:.64rem;
    font-weight:700;
    letter-spacing:.105em;
    text-transform:uppercase;
}

.about-expect__links span{
    margin-right:24px;
    color:#77706b;
}

.about-expect__links a{
    position:relative;
    margin-right:22px;
    padding-right:22px;
    color:var(--wine);
}

.about-expect__links a:not(:last-child)::after{
    content:'·';
    position:absolute;
    right:0;
    color:#b8aaa0;
}

.about-standard .prose a{
    color:var(--wine);
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}

@media(max-width:920px){
    .about-expect__grid{
        grid-template-columns:1fr;
        gap:38px;
    }
    .about-expect__heading{
        position:static;
        max-width:720px;
    }
    .about-expect__list article{
        grid-template-columns:minmax(190px,.55fr) minmax(0,1fr);
        gap:28px;
    }
}

@media(max-width:640px){
    .about-expect__grid{gap:28px}
    .about-expect__heading h2{font-size:2.45rem}
    .about-expect__list article{
        grid-template-columns:1fr;
        gap:9px;
        padding:23px 0 24px;
    }
    .about-expect__list p{font-size:.88rem}
    .about-expect__links{
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
        margin-top:34px;
    }
    .about-expect__links span,
    .about-expect__links a{
        margin:0;
        padding:0;
    }
    .about-expect__links a::after{display:none}
}

/* V5 — crédibilité intégrée à la page d'origine, sans refonte. */
.about-standard-v5{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
    gap:76px;
    align-items:start;
}

.about-standard-v5__copy{
    max-width:760px;
}

.about-standard-v5__copy h2{
    margin:10px 0 28px;
    max-width:720px;
    font-size:clamp(2.35rem,3.7vw,4.15rem);
    line-height:1.03;
    letter-spacing:-.025em;
}

.about-standard-v5__copy .prose{
    max-width:690px;
}

.about-standard-v5__copy .prose p{
    color:#514945;
    line-height:1.82;
}

.about-standard-v5__copy .prose p:first-child{
    color:#29221f;
    font-size:1.03rem;
}

.about-standard-v5__copy .prose a{
    color:var(--wine);
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}

.about-standard-v5__resources{
    display:flex;
    flex-wrap:wrap;
    gap:18px 32px;
    margin-top:30px;
    padding-top:22px;
    border-top:1px solid rgba(124,33,5,.17);
}

.about-standard-v5__resources .text-link{
    margin:0;
}

.about-standard-v5__media{
    position:relative;
    min-height:470px;
    padding-top:28px;
}

.about-standard-v5__figure{
    margin:0;
    overflow:hidden;
    background:#e8dfd6;
}

.about-standard-v5__figure img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.about-standard-v5__figure--main{
    width:86%;
    height:300px;
    margin-left:auto;
}

.about-standard-v5__figure--main img{
    object-position:center 48%;
}

.about-standard-v5__figure--accent{
    position:relative;
    width:62%;
    height:205px;
    margin:-52px 0 0 0;
    border:10px solid #fff;
    overflow:visible;
}

.about-standard-v5__figure--accent img{
    object-position:center 58%;
}

.about-standard-v5__figure--accent figcaption{
    position:absolute;
    left:calc(100% + 18px);
    bottom:8px;
    width:150px;
    color:#6a5f58;
    font-size:.62rem;
    font-weight:700;
    letter-spacing:.09em;
    line-height:1.55;
    text-transform:uppercase;
}

.about-standard-v5__signature{
    margin-top:18px;
    margin-left:32px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
    padding-top:14px;
    border-top:1px solid rgba(124,33,5,.14);
}

.about-standard-v5__signature-mark{
    display:block;
    width:min(100%,245px);
    height:auto;
    margin:0 0 7px -2px;
    object-fit:contain;
}


.about-standard-v5__signature strong{
    color:#2a211d;
    font-size:.95rem;
    font-weight:600;
    letter-spacing:.02em;
}

.about-standard-v5__signature small{
    color:#7b716b;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
}

/* Réassurance : plus de présence, toujours sans cartes lourdes. */
.about-expect{
    position:relative;
    overflow:hidden;
    background:
        linear-gradient(112deg, rgba(124,33,5,.055) 0, rgba(124,33,5,.018) 34%, rgba(255,255,255,0) 66%),
        #fbf8f5;
    border-top:1px solid rgba(124,33,5,.16);
    border-bottom:1px solid rgba(124,33,5,.16);
}

.about-expect::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:100%;
    background:var(--wine);
    opacity:.88;
}

.about-expect__heading{
    padding-left:26px;
    border-left:1px solid rgba(124,33,5,.22);
}

.about-expect__heading .eyebrow{
    color:var(--wine);
}

.about-expect__heading h2{
    color:#241c19;
}

.about-expect__list{
    border-top:1px solid rgba(124,33,5,.24);
}

.about-expect__list article{
    transition:padding-left .22s ease,background .22s ease;
    border-bottom-color:rgba(124,33,5,.16);
}

.about-expect__list article:hover{
    padding-left:10px;
    background:rgba(255,255,255,.42);
}

.about-expect__list h3{
    color:#6f2109;
}

.about-expect__links{
    border-top-color:rgba(124,33,5,.22);
}

@media(max-width:1040px){
    .about-standard-v5{
        grid-template-columns:minmax(0,1fr) 320px;
        gap:48px;
    }
    .about-standard-v5__media{min-height:430px}
    .about-standard-v5__figure--main{width:92%;height:275px}
    .about-standard-v5__figure--accent{width:66%;height:185px}
    .about-standard-v5__figure--accent figcaption{display:none}
    .about-standard-v5__signature{margin-left:18px}
}

@media(max-width:820px){
    .about-standard-v5{
        grid-template-columns:1fr;
        gap:34px;
    }
    .about-standard-v5__copy{max-width:760px}
    .about-standard-v5__media{
        display:grid;
        grid-template-columns:1.25fr .75fr;
        gap:14px;
        min-height:0;
        padding-top:0;
    }
    .about-standard-v5__figure--main,
    .about-standard-v5__figure--accent{
        width:100%;
        height:230px;
        margin:0;
        border:0;
        overflow:hidden;
    }
}

@media(max-width:640px){
    .about-standard-v5__copy h2{font-size:2.45rem}
    .about-standard-v5__resources{
        align-items:flex-start;
        flex-direction:column;
        gap:13px;
        margin-top:24px;
    }
    .about-standard-v5__media{
        grid-template-columns:1fr;
        gap:10px;
    }
    .about-standard-v5__figure--main{height:220px}
    .about-standard-v5__figure--accent{height:150px}
    .about-standard-v5__signature{margin-left:0;padding-top:12px}
    .about-standard-v5__figure--accent figcaption{display:none}
    .about-standard-v5__signature{margin-left:18px}
    .about-expect::before{width:3px}
    .about-expect__heading{
        padding-left:18px;
    }
}

/* V6 — finition éditoriale : marché + FAQ, uniquement sur la page À propos. */
.about-market-enhanced{
    position:relative;
    overflow:hidden;
    background:#f6f1ec;
    border-top:1px solid rgba(124,33,5,.12);
    border-bottom:1px solid rgba(124,33,5,.12);
}

.about-market-enhanced::before{
    content:'MARRAKECH';
    position:absolute;
    right:-.035em;
    top:-.20em;
    color:rgba(124,33,5,.035);
    font-family:var(--serif);
    font-size:clamp(5.5rem,13vw,13rem);
    line-height:1;
    letter-spacing:-.055em;
    pointer-events:none;
}

.about-market-enhanced .market-links{
    position:relative;
    z-index:1;
    background:transparent;
}

.about-market-enhanced .market-links .eyebrow{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:28px;
    color:var(--wine);
}

.about-market-enhanced .market-links .eyebrow::after{
    content:'';
    width:72px;
    height:1px;
    background:rgba(124,33,5,.35);
}

.about-market-enhanced .market-links__grid{
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:12px;
}

.about-market-enhanced .market-links__grid a{
    position:relative;
    grid-column:span 6;
    min-height:150px;
    padding:30px 30px 28px;
    overflow:hidden;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(124,33,5,.13);
    box-shadow:none;
    transition:transform .22s ease,border-color .22s ease,background .22s ease;
}

.about-market-enhanced .market-links__grid a:nth-child(n+3){
    grid-column:span 4;
    min-height:136px;
}

.about-market-enhanced .market-links__grid a::before{
    position:absolute;
    top:18px;
    right:20px;
    color:rgba(124,33,5,.38);
    font-size:.61rem;
    font-weight:700;
    letter-spacing:.12em;
}
.about-market-enhanced .market-links__grid a:nth-child(1)::before{content:'01'}
.about-market-enhanced .market-links__grid a:nth-child(2)::before{content:'02'}
.about-market-enhanced .market-links__grid a:nth-child(3)::before{content:'03'}
.about-market-enhanced .market-links__grid a:nth-child(4)::before{content:'04'}
.about-market-enhanced .market-links__grid a:nth-child(5)::before{content:'05'}

.about-market-enhanced .market-links__grid a:hover{
    transform:translateY(-3px);
    border-color:rgba(124,33,5,.32);
    background:#fff;
    box-shadow:0 18px 36px rgba(52,34,25,.055);
}

.about-market-enhanced .market-links__grid strong{
    max-width:88%;
    margin:12px 0 12px;
    color:#241c19;
    font-size:clamp(1.35rem,1.8vw,1.8rem);
    line-height:1.08;
}

.about-market-enhanced .market-links__grid span{
    max-width:86%;
    color:#6a5e57;
    font-size:.76rem;
    line-height:1.65;
}

.about-faq-enhanced{
    background:#fff;
}

.about-faq-enhanced .faq-section{
    position:relative;
    padding-top:92px;
    padding-bottom:104px;
    background:
        linear-gradient(90deg,#faf7f4 0,#faf7f4 31%,#fff 31%,#fff 100%);
    border-top:1px solid rgba(124,33,5,.10);
}

.about-faq-enhanced .faq-section__grid{
    grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);
    gap:80px;
}

.about-faq-enhanced .faq-section__grid>div:first-child{
    position:sticky;
    top:120px;
    align-self:start;
    padding:4px 26px 0 0;
}

.about-faq-enhanced .faq-section__grid>div:first-child .eyebrow{
    color:var(--wine);
}

.about-faq-enhanced .faq-section__grid>div:first-child h2{
    margin:10px 0 0;
    max-width:360px;
    font-size:clamp(2.5rem,4vw,4.15rem);
    line-height:1.02;
    letter-spacing:-.035em;
}

.about-faq-enhanced .faq-list{
    counter-reset:about-faq;
    border-top:1px solid rgba(124,33,5,.22);
}

.about-faq-enhanced .faq-list details{
    counter-increment:about-faq;
    background:transparent;
    border-top:0;
    border-bottom:1px solid rgba(124,33,5,.16);
    transition:background .2s ease;
}

.about-faq-enhanced .faq-list details:last-child{
    border-bottom:1px solid rgba(124,33,5,.22);
}

.about-faq-enhanced .faq-list details[open]{
    background:#fbf7f3;
}

.about-faq-enhanced .faq-list summary{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 28px;
    gap:16px;
    align-items:start;
    padding:25px 18px 25px 0;
    font-size:clamp(1.18rem,1.55vw,1.48rem);
    line-height:1.25;
}

.about-faq-enhanced .faq-list summary::before{
    content:counter(about-faq,decimal-leading-zero);
    padding-top:4px;
    color:#9a7f73;
    font-family:var(--sans);
    font-size:.62rem;
    font-weight:700;
    letter-spacing:.1em;
}

.about-faq-enhanced .faq-list summary::after{
    position:static;
    justify-self:end;
    color:var(--wine);
    font-size:1rem;
}

.about-faq-enhanced .faq-list details div{
    margin-left:58px;
    padding:0 66px 28px 0;
    color:#625852;
    line-height:1.8;
}

@media(max-width:920px){
    .about-market-enhanced .market-links__grid a,
    .about-market-enhanced .market-links__grid a:nth-child(n+3){
        grid-column:span 6;
    }
    .about-market-enhanced .market-links__grid a:last-child{grid-column:1/-1}
    .about-faq-enhanced .faq-section{
        background:#faf7f4;
        padding-top:72px;
        padding-bottom:78px;
    }
    .about-faq-enhanced .faq-section__grid{
        grid-template-columns:1fr;
        gap:38px;
    }
    .about-faq-enhanced .faq-section__grid>div:first-child{
        position:static;
        max-width:650px;
        padding-right:0;
    }
}

@media(max-width:640px){
    .about-market-enhanced::before{font-size:5.5rem;top:8px}
    .about-market-enhanced .market-links__grid{
        grid-template-columns:1fr;
    }
    .about-market-enhanced .market-links__grid a,
    .about-market-enhanced .market-links__grid a:nth-child(n+3),
    .about-market-enhanced .market-links__grid a:last-child{
        grid-column:auto;
        min-height:0;
        padding:24px 22px 23px;
    }
    .about-market-enhanced .market-links__grid strong{font-size:1.42rem}
    .about-faq-enhanced .faq-section{padding-top:58px;padding-bottom:64px}
    .about-faq-enhanced .faq-section__grid>div:first-child h2{font-size:2.55rem}
    .about-faq-enhanced .faq-list summary{
        grid-template-columns:32px minmax(0,1fr) 22px;
        gap:10px;
        padding:22px 4px 22px 0;
        font-size:1.2rem;
    }
    .about-faq-enhanced .faq-list details div{
        margin-left:42px;
        padding:0 18px 24px 0;
    }
}