/* ============================================================================
   SL SYSTEM — apropos.css (page À propos uniquement)
   ========================================================================== */
.ahero{position:relative;padding:80px 0 72px;border-bottom:1px solid var(--line);overflow:hidden}
.ahero::before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(rgba(63,43,150,.10) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(110% 90% at 15% 0%,#000 26%,transparent 70%);mask-image:radial-gradient(110% 90% at 15% 0%,#000 26%,transparent 70%);opacity:.8}
.ahero__in{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}
.ahero .lead{margin:18px 0 0;max-width:560px}

/* Carte profil */
.prof{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:28px;text-align:center;transform:rotate(-1.2deg);max-width:340px;margin-left:auto}
.prof__av{width:88px;height:88px;border-radius:50%;background:var(--v50);border:1px solid var(--v100);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.prof__av img{width:54px;height:54px}
.prof h3{margin:0}
.prof .role{font-size:14px;color:var(--ink600);margin-top:5px}
.prof__facts{margin-top:18px;border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:9px;font-family:var(--mono);font-size:12px;color:var(--ink600);text-align:left}
.prof__facts div{display:flex;gap:9px}
.prof__facts .k{color:var(--v600)}

/* Principes */
.principles{display:grid;grid-template-columns:1fr 1fr;gap:38px 52px}
.principle{display:flex;gap:20px;align-items:flex-start}
.principle .no{font-family:var(--mono);font-weight:700;font-size:24px;color:var(--v300);line-height:1;flex:none;width:38px;padding-top:2px}
.principle h4{margin:0 0 7px}
.principle p{margin:0;font-size:15px;color:var(--ink600);line-height:1.6}

/* Outils maison */
.tools{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tool{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:28px;display:flex;flex-direction:column;gap:10px;transition:.25s var(--ease)}
.tool:hover{transform:translateY(-5px);box-shadow:var(--sh-lg)}
.tool .k{font-family:var(--mono);font-size:12px;color:var(--v600);letter-spacing:.06em}
.tool h4{margin:0;font-size:20px}
.tool p{margin:0;font-size:15px;color:var(--ink600);line-height:1.6}

@media(max-width:960px){
  .ahero__in{grid-template-columns:1fr;gap:36px}.prof{margin:0 auto;transform:none}
  .principles{grid-template-columns:1fr;gap:28px}.tools{grid-template-columns:1fr}
}
@media(max-width:600px){.ahero{padding:48px 0 44px}}