/* BEC — page À propos (après site.css). Presque silencieuse : un fond, des filets fins, du
   texte composé ; aucune carte, aucune démonstration. Préfixe ap-. */

main { background: var(--canvas); }

/* ------------------------------------------------------------ 1. Ouverture */
/* une lecture verticale, sur la même largeur que le bloc fondateur */
.ap-intro { padding: calc(var(--header-h) + clamp(56px, 7vw, 112px)) 0 clamp(56px, 6vw, 88px); }
.ap-title { margin-top: 24px; max-width: 25em; font-size: clamp(1.75rem, 1.1rem + 2vw, 3rem); line-height: 1.12; letter-spacing: -0.034em; font-weight: 560; text-wrap: balance; }
.ap-sub { margin-top: 26px; max-width: 46em; font-size: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem); line-height: 1.6; color: var(--ink-soft); text-wrap: pretty; }

/* ------------------------------------------------------------ 2. Fondateur */
.ap-founder { padding-bottom: clamp(72px, 8vw, 120px); }
/* toute la largeur du conteneur : le portrait dans un quart à gauche, le texte sur le reste */
.ap-founder__grid { display: grid; grid-template-columns: minmax(0, 0.3fr) minmax(0, 0.7fr); gap: 32px clamp(40px, 5vw, 80px); align-items: start; padding-top: 44px; border-top: 1px solid var(--border-strong); }
/* portrait discret, comme dans une page d'auteur ; aligné sur le nom */
.ap-portrait { width: 100%; max-width: 300px; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 2px; background: var(--border); }
.ap-name { font-size: clamp(1.375rem, 1.15rem + 0.8vw, 1.875rem); line-height: 1.2; letter-spacing: -0.022em; font-weight: 600; }
.ap-role { margin-top: 6px; font-size: 14px; line-height: 1.4; color: var(--ink-faint); }
.ap-bio { display: grid; gap: 18px; margin-top: 28px; }
.ap-bio p { font-size: clamp(1.0625rem, 0.95rem + 0.45vw, 1.375rem); line-height: 1.62; letter-spacing: -0.008em; text-wrap: pretty; }
.ap-bio [lang="en"] { font-style: italic; }
/* signature : ponctuation de fin de texte, alignée sur le texte, sans cadre */
.ap-signature { display: block; width: 200px; height: auto; margin: 44px 0 0 -6px; }

/* ------------------------------------------------------------ 3. Publications */
.ap-works { padding-bottom: clamp(72px, 8vw, 120px); }
.ap-works__title { font-size: 12px; line-height: 1.3; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 650; color: var(--ink-faint); }
.ap-works__list { max-width: 52em; margin-top: 18px; border-bottom: 1px solid var(--border); }
.ap-works__list li { border-top: 1px solid var(--border); }
.ap-works__list a { display: grid; gap: 4px; padding: 16px 0 17px; }
.ap-works__name { font-size: 17px; line-height: 1.4; font-weight: 550; letter-spacing: -0.01em; transition: color var(--t-micro) var(--ease); }
.ap-works__meta { font-size: 13.5px; color: var(--ink-faint); }
.ap-works__list a:hover .ap-works__name { color: var(--cobalt); }

@media (max-width: 900px) {
  .ap-founder__grid { grid-template-columns: minmax(0, 0.34fr) minmax(0, 0.66fr); }
}

@media (max-width: 720px) {
  /* sur mobile, le portrait reste au-dessus du texte, compact */
  .ap-founder__grid { grid-template-columns: minmax(0, 1fr); padding-top: 28px; }
  .ap-portrait { width: 132px; }
  .ap-signature { width: 160px; margin-top: 36px; }
}

/* Ce que BEC propose (29 septembre) : un paragraphe et un renvoi discret. */
.ap-service { padding-block: 0 clamp(48px, 6vw, 88px); }
.ap-service .container { max-width: 760px; padding-top: 28px; border-top: 1px solid var(--border); }
.ap-service__title { font-size: 20px; line-height: 1.3; font-weight: 620; letter-spacing: -0.016em; }
.ap-service__text { margin-top: 12px; font-size: 17px; line-height: 1.6; color: var(--ink-soft); text-wrap: pretty; }
.ap-service__more { margin-top: 14px; }