/* styles chargés uniquement sur la page /a-propos/ (bloc a-propos, functions.php) ; tokens et composants communs dans ../indexpert.css */
/* accroche : texte + portrait */
.ix-abhero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(36px,5.1vw,82px);align-items:center}
.ix-abhero__photo{position:relative;max-width:420px;justify-self:end;background:var(--ix-paper);transform:rotate(1.5deg)}
.ix-abhero__photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.ix-abhero__photo figcaption{position:absolute;left:-12px;bottom:24px;padding:8px 14px;background:var(--ix-coral);color:var(--ix-ink);font:700 .95rem/1.2 var(--ix-display)}

/* histoire : texte long, lisible */
.ix-story{max-width:820px}
.ix-story .ix-h2{margin-top:14px}
.ix-story__text{margin-top:clamp(28px,3.4vw,44px)}
.ix-story__text>*+*{margin-top:20px}
.ix-site.ix-site .ix-story__text h3{margin-top:40px;padding-left:18px;border-left:6px solid var(--ix-coral);font-size:clamp(1.4rem,1rem + .9vw,1.8rem)}
.ix-story__text p:not(.ix-lead){font-size:1.08rem;max-width:62ch}
.ix-story__text em{font-style:normal;font-weight:600;color:var(--ix-blue)}

/* 4 principes */
.ix-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.7vw,24px);margin-top:clamp(40px,4.25vw,56px)}
.ix-principle{padding:clamp(22px,2.38vw,31px);background:var(--ix-paper);border-top:6px solid var(--ix-ink)}
.ix-principle:nth-child(2n){border-top-color:var(--ix-blue)}
.ix-principle:nth-child(3){border-top-color:var(--ix-coral)}
.ix-principle__num{display:block;font:700 2.4rem/1 var(--ix-display);color:var(--ix-paper-3);-webkit-text-stroke:1.5px var(--ix-ink)}
.ix-site.ix-site .ix-principle h3{margin-top:18px;font-size:1.35rem}
.ix-principle p{margin-top:10px;color:var(--ix-muted)}

/* ce que je fais : liens vers les services */
.ix-abwork{align-items:start}
.ix-abwork .ix-lead{margin-top:24px}
.ix-abwork__list{display:grid;gap:12px}
.ix-site .ix-abwork__list a{display:grid;gap:4px;padding:18px 22px;background:var(--ix-paper-2);color:var(--ix-ink);text-decoration:none;box-shadow:inset 6px 0 0 var(--ix-blue);transition:transform .14s var(--ix-ease),box-shadow .14s}
.ix-site .ix-abwork__list a:hover{transform:translateX(4px);box-shadow:inset 10px 0 0 var(--ix-coral)}
.ix-abwork__list strong{font:700 1.2rem/1.2 var(--ix-display)}
.ix-abwork__list span{color:var(--ix-muted)}

/* certifications */
.ix-abcert{align-items:start}
.ix-abcert .ix-lead{margin-top:24px;color:var(--ix-muted-dark)}
.ix-abcert__more{margin-top:24px;color:var(--ix-muted-dark)}
.ix-sec--dark .ix-abcert__more a{color:var(--ix-paper)}

@media (max-width:1100px){.ix-principles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ix-abhero{grid-template-columns:minmax(0,1fr)}.ix-abhero__photo{justify-self:start;max-width:340px;transform:none}}
@media (max-width:560px){.ix-principles{grid-template-columns:minmax(0,1fr)}.ix-abhero__photo figcaption{left:0}}