/* Page À propos autonome : n’affecte pas le portfolio */
:root{--ink:#18212b;--blue:#4aaddb;--pink:#e75b99;--yellow:#f2bd49;--green:#7fba78;--cream:#fbfaf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.skip{position:absolute;top:-100px;left:12px;background:white;padding:12px;z-index:9}.skip:focus{top:12px}.site-head{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}.unused-about-brand{text-decoration:none;font-size:1.45rem;font-weight:850;letter-spacing:-.05em}.unused-about-brand span:last-child{color:var(--pink)}.mountain{color:var(--blue);font-size:.75em;margin-right:5px}.site-head nav{display:flex;gap:20px;flex-wrap:wrap}.site-head nav a{text-decoration:none;font-size:.9rem;font-weight:650}.site-head nav a:hover,.text-link:hover{text-decoration:underline}.about-hero{max-width:1200px;margin:18px auto 70px;padding:50px 45px 30px;border-radius:28px;background:linear-gradient(120deg,#e6f3f9,#fff4f4 65%,#fff0d4);display:grid;grid-template-columns:1.1fr .9fr;gap:25px;align-items:center;overflow:hidden}.about-hero img{width:100%;height:auto;border-radius:18px;mix-blend-mode:multiply}.eyebrow,.step{font-size:.76rem;letter-spacing:.15em;font-weight:800;color:#377fa0}.about-hero h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.08;letter-spacing:-.05em;margin:12px 0 22px}.about-hero p{max-width:570px}.cta{display:inline-flex;gap:14px;align-items:center;background:var(--ink);color:#fff;text-decoration:none;padding:12px 22px;border-radius:30px;font-weight:700;margin-top:12px;transition:transform .2s,background .2s}.cta:hover{background:#28506a;transform:translateY(-2px)}.chapters{max-width:1100px;margin:0 auto;padding:0 24px}.chapter{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(25px,6vw,85px);padding:50px 0;border-bottom:1px solid #e3e7e8}.chapter.reverse .illustration{order:2}.chapter h2,.outro h2{font-size:clamp(1.75rem,3.4vw,2.75rem);line-height:1.15;letter-spacing:-.035em;margin:12px 0 20px}.chapter p{margin:0 0 14px}.chapter ul{padding-left:20px}.chapter li{margin:0 0 11px}.illustration{background:#e9f3f8;border-radius:25px;min-height:275px;display:flex;align-items:center;justify-content:center;overflow:hidden}.chapter:nth-child(2n) .illustration{background:#fceaf0}.chapter:nth-child(3n) .illustration{background:#f3efd9}.illustration img{width:100%;height:340px;object-fit:cover}.text-link{font-weight:750;color:#2278a3}.pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}.pillars span{padding:10px;border-radius:12px;background:#e3f3fa;text-align:center;font-size:.88rem;font-weight:700}.pillars span:nth-child(2){background:#fce3ed}.pillars span:nth-child(3){background:#fff0cf}.pillars span:nth-child(4){background:#e5f2e3}.outro{text-align:center;max-width:1000px;margin:75px auto;padding:65px 30px;background:linear-gradient(130deg,#e1f3fa,#fceaf0);border-radius:26px}.outro p:not(.eyebrow){max-width:650px;margin:0 auto 14px}.about-footer{max-width:1200px;margin:auto;padding:30px 24px 45px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#5d6971;font-size:.85rem}@media(max-width:760px){.site-head{align-items:flex-start}.site-head nav{justify-content:flex-end}.about-hero{margin:0 12px 30px;padding:35px 23px;grid-template-columns:1fr}.about-hero img{max-height:290px;object-fit:cover}.chapter,.chapter.reverse{grid-template-columns:1fr;gap:24px;padding:35px 0}.chapter.reverse .illustration{order:0}.illustration img{height:300px}.outro{margin:40px 12px;padding:42px 24px}}@media(max-width:450px){.site-head{flex-direction:column}.site-head nav{justify-content:flex-start}.illustration img{height:250px}.pillars{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}

/* En-tête partagé : typographie identique à l’accueil. */
.site-header{font-family:Arial,Helvetica,sans-serif;line-height:1.55}
.site-header .brand{font-size:30px;font-weight:800;letter-spacing:-1.5px;line-height:1}
.site-header .brand>span:first-child{color:var(--blue)}
.site-header .brand .brand-dot{color:var(--pink)}
@media(max-width:720px){.site-header .brand{font-size:25px}}
/* Logo dans l'en-tête */
.site-header .brand-logo {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
}

.site-header .brand-logo img {
  display: block;
  width: 180px;
  max-width: 100%;
  height: auto;
}

@media (max-width: 600px) {
  .site-header .brand-logo img {
    width: 145px;
  }
}