/* Page « En savoir plus sur Robin » — réutilise les variables et composants de style.css */
.ab-hero{position:relative;overflow:hidden;padding:calc(var(--bar-h) + clamp(48px,8vw,120px)) 0 clamp(72px,10vw,150px)}
.ab-hero__glow{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(50% 45% at 85% 10%,rgba(53,211,238,.14),transparent 70%),
  radial-gradient(45% 40% at 5% 90%,rgba(169,139,255,.12),transparent 70%)}
.ab-hero .wrap{position:relative}
.ab-eyebrow{font-family:var(--m);font-size:.8rem;letter-spacing:.06em;color:var(--ice);margin-bottom:18px}
.ab-title{font-weight:800;font-size:clamp(46px,10vw,150px);line-height:.95;letter-spacing:-.025em;font-variation-settings:"wdth" var(--wmax);margin-bottom:clamp(36px,5vw,72px);text-wrap:balance}
.ab-text{max-width:42rem;display:grid;gap:1.3em;font-size:clamp(18px,1.5vw,22px);line-height:1.6;color:rgba(231,235,231,.92)}
.ab-quote{padding-block:clamp(56px,8vw,120px) clamp(64px,9vw,130px)}
.ab-h2{font-weight:800;font-size:clamp(30px,4.4vw,64px);line-height:1;letter-spacing:-.025em;font-variation-settings:"wdth" 92;margin-bottom:clamp(28px,4vw,56px)}
.ab-fig{margin:0;position:relative;padding:clamp(28px,4vw,56px) clamp(0px,3vw,48px) 0;max-width:62rem}
.ab-fig::before{content:"“";position:absolute;left:-.04em;top:-.12em;font-weight:800;font-size:clamp(120px,18vw,260px);line-height:1;color:var(--cobalt);opacity:.22;pointer-events:none}
.ab-bq{margin:0;position:relative}
.ab-bq p{font-weight:700;font-size:clamp(26px,3.6vw,52px);line-height:1.15;letter-spacing:-.015em;font-variation-settings:"wdth" 92;text-wrap:balance}
.ab-fig figcaption{position:relative;display:flex;flex-direction:column;gap:2px;margin-top:clamp(20px,3vw,36px);padding-left:16px;border-left:3px solid var(--cobalt)}
.ab-fig figcaption strong{font-size:1.1rem}
.ab-fig figcaption span{font-family:var(--m);font-size:.85rem;color:rgba(12,26,36,.7)}
.ab-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(32px,5vw,64px)}
.ab-chips li{padding:9px 16px;border:1px solid var(--ink);border-radius:99px;font-weight:600;font-size:.95rem;transition:background .25s,color .25s}
.ab-chips li:hover{background:var(--ink);color:var(--paper)}
.ab-letter{margin-top:clamp(36px,5vw,64px)}
.ab-letter summary{cursor:pointer;list-style:none}
.ab-letter summary::-webkit-details-marker{display:none}
.ab-letter summary::after{content:"+";margin-left:12px;font-size:1.3em;line-height:1;transition:transform .3s var(--ease)}
.ab-letter[open] summary::after{transform:rotate(45deg)}
.ab-paper{margin-top:20px;max-width:46rem;padding:clamp(22px,4vw,56px);background:#fbfcfb;border:1px solid rgba(12,26,36,.18);box-shadow:0 18px 40px -24px rgba(12,26,36,.45);font-size:clamp(16px,1.2vw + 10px,18px);line-height:1.6}
.ab-paper h3{font-size:1.05em;font-weight:700;margin-bottom:1.4em}
.ab-paper p+p{margin-top:1em}
.ab-paper .ab-sign{margin-top:2.2em}
.ab-end{padding-block:clamp(48px,7vw,96px) 36px}
.ab-end .wrap{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ab-end .foot{flex-basis:100%;margin-top:clamp(40px,6vw,80px)}
@media (max-width:700px){.ab-fig{padding-inline:0}.ab-end .btn,.ab-letter summary{width:100%;justify-content:center}}

/* apparitions (activées par about.js seulement si le mouvement est autorisé) */
.anim .rv,.anim .ab-eyebrow,.anim .ab-title{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.anim .in{opacity:1;transform:none}

.ab-hl{color:var(--ice);font-weight:600}