/* Galerie accordéon : sélection au clic, fond blanc. */
.arc__gallery{display:flex;align-items:stretch;justify-content:center;gap:14px;max-width:1280px;height:470px;margin:35px auto 25px;perspective:none;overflow:visible;padding:0}
.arc__card,.arc__card[aria-pressed="true"]{flex:0 0 7%;min-width:0;height:100%;transform:none;border:0;border-radius:42px;box-shadow:none;transition:flex .8s cubic-bezier(.22,.8,.22,1),border-radius .65s,opacity .45s}
.arc__card[aria-pressed="true"]{flex:1 1 65%;border-radius:36px;box-shadow:0 12px 28px #18232d12}
.arc__card:not([aria-pressed="true"]){opacity:.72}.arc__card:hover{opacity:1}
.arc__card img{object-position:center;transition:scale .9s;scale:1.01}.arc__card:hover img{scale:1.04}
.arc__label{inset:0;padding:0;background:linear-gradient(transparent 55%,#07111cbf);display:flex;align-items:flex-end;gap:12px;white-space:nowrap;color:transparent;font-size:0;text-align:left}
.arc__label small{display:grid;place-items:center;position:absolute;left:50%;bottom:16px;translate:-50% 0;border-radius:50%;width:40px;height:40px;background:#fff;color:#087ba7;font:650 12px monospace;margin:0;transition:left .65s,translate .65s}
.arc__card[aria-pressed="true"] .arc__label{color:#fff;font-size:20px;white-space:normal;padding:0 24px 26px 82px;font-weight:750;line-height:1.15}
.arc__card[aria-pressed="true"] .arc__label small{left:24px;bottom:20px;translate:0 0}
.arc__card:focus-visible{outline:3px solid #229ad6;outline-offset:5px}.arc__hint{margin-top:22px}
@media(max-width:700px){.arc__gallery{height:360px;gap:8px;overflow:visible;padding:0;margin-top:25px}.arc__card,.arc__card[aria-pressed="true"]{height:100%;transform:none;border-radius:24px;flex:0 0 8%;scroll-snap-align:none}.arc__card[aria-pressed="true"]{flex:1 1 60%;box-shadow:none}.arc__label small{width:24px;height:24px;font-size:9px;bottom:12px}.arc__card[aria-pressed="true"] .arc__label{font-size:15px;padding:0 12px 20px 45px}.arc__card[aria-pressed="true"] .arc__label small{left:12px;bottom:17px}.arc__detail{min-height:165px}}
@media(prefers-reduced-motion:reduce){.arc__card,.arc__label small{transition:none}}

@media(max-width:700px){
  .p-a-propos .arc,.p-a-propos .arc__gallery,.p-a-propos .arc__card{background:#fff!important}
  .p-a-propos .arc__card{box-shadow:none!important;border-color:#e2e7ea!important}
}

/* Historique : les cartes restent en noir et blanc tant qu'elles ne sont pas survolées/sélectionnées. */
.p-a-propos .arc__card img{
  filter:grayscale(1)!important;
  transition:filter .45s ease,scale .9s ease!important;
}
.p-a-propos .arc__card:hover img,
.p-a-propos .arc__card:focus-visible img,
.p-a-propos .arc__card[aria-pressed="true"] img{
  filter:grayscale(0)!important;
}
@media(prefers-reduced-motion:reduce){
  .p-a-propos .arc__card img{transition:none!important}
}

/* Repos strict : aucune carte sélectionnée ne reste colorée sans interaction. */
.p-a-propos .arc__card img,
.p-a-propos .arc__card[aria-pressed="true"] img{filter:grayscale(1)!important}
.p-a-propos .arc__card:hover img,
.p-a-propos .arc__card:focus img,
.p-a-propos .arc__card:focus-visible img{filter:grayscale(0)!important}

/* État final des onglets historique : N&B au repos, couleur à la sélection. */
.p-a-propos .arc__card img{filter:grayscale(1)!important;transition:filter .45s ease,scale .9s ease!important}
.p-a-propos .arc__card[aria-pressed="true"] img{filter:grayscale(0)!important}
.p-a-propos .arc__card:hover img,
.p-a-propos .arc__card:focus-visible img{filter:grayscale(0)!important}

/* Notre histoire : noir et blanc au repos, couleur sur le chapitre actif. */
.p-a-propos .hist__panel .hist__media img{filter:grayscale(1)!important;transition:filter .45s ease,transform 1.2s var(--ease-out,ease)!important}
.p-a-propos .hist__panel[aria-expanded="true"] .hist__media img,
.p-a-propos .hist__panel:hover .hist__media img,
.p-a-propos .hist__panel:focus-visible .hist__media img{filter:grayscale(0)!important}