:root{--hauteur-periodes:62px;--histoire-panneau:var(--fond-panneau);--histoire-badge:#ece2d3;--histoire-marge:32px}.histoire-intro{text-align:center;max-width:820px;margin:0 auto;padding:90px 32px 50px}.histoire-intro h2{margin:14px 0 30px;font-size:clamp(30px,3.6vw,46px);line-height:1.15}.histoire-intro p{color:var(--gris-fonce);margin:0 0 18px;font-size:17px;line-height:1.8}.histoire-periodes{top:var(--hauteur-nav);z-index:5;background:var(--fond);border-bottom:1px solid var(--ligne-fonce);margin-bottom:48px;position:sticky}.histoire-periodes-liste{height:var(--hauteur-periodes);scrollbar-width:none;justify-content:center;align-items:center;gap:36px;padding:0 32px;display:flex;overflow-x:auto}.histoire-periodes-liste::-webkit-scrollbar{display:none}.histoire-periodes a{letter-spacing:2px;text-transform:uppercase;color:var(--encre);border-bottom:1px solid #0000;flex:none;padding-bottom:3px;font-size:12px;text-decoration:none;transition:border-color .25s,color .25s}.histoire-periodes a:hover,.histoire-periodes a.actif{border-bottom-color:var(--encre)}.histoire-periode{scroll-margin-top:calc(var(--hauteur-nav) + var(--hauteur-periodes) + var(--histoire-marge));grid-template-columns:1fr 1fr;margin-bottom:128px;display:grid}.histoire-panneau-colonne{justify-content:flex-end;display:flex}.histoire-panneau{top:calc(var(--hauteur-nav) + var(--hauteur-periodes) + var(--histoire-marge));height:calc(100vh - var(--hauteur-nav) - var(--hauteur-periodes) - 2 * var(--histoire-marge));height:calc(100svh - var(--hauteur-nav) - var(--hauteur-periodes) - 2 * var(--histoire-marge));background:var(--histoire-panneau);justify-content:center;align-items:center;width:100%;max-width:688px;max-height:100%;padding:0 48px;display:flex;position:sticky}.histoire-panneau-libelle{font-family:var(--police-titre);text-align:center;font-size:clamp(44px,5.6vw,76px);line-height:1.1}.histoire-compteur{display:none}.compteur-actif .histoire-compteur{font-variant-numeric:tabular-nums;font-size:clamp(64px,8vw,112px);line-height:1;display:block}.compteur-actif .histoire-plage{font-family:var(--police-texte);letter-spacing:2px;text-transform:uppercase;margin-top:18px;font-size:12px;display:block}.histoire-evenements{max-width:688px;padding:0 36px}.histoire-evenement{max-width:448px;margin:0 auto;padding-bottom:160px}.histoire-evenement:last-child{padding-bottom:0}.histoire-annee{background:var(--histoire-badge);letter-spacing:1.5px;text-transform:uppercase;padding:8px 16px;font-size:12px;display:inline-block}.histoire-evenement h3{padding:18px 0 10px;font-size:clamp(24px,2.4vw,30px);line-height:1.2}.histoire-evenement p{color:var(--gris-fonce);margin:0 0 14px;font-size:15px;line-height:1.8}.histoire-photos{gap:12px;margin-top:22px;display:grid}.histoire-photos.duo{grid-template-columns:1fr 1fr;align-items:start}.histoire-photo{margin:0}.histoire-photos img{width:100%;height:auto;display:block}.histoire-photo figcaption{font-family:var(--police-texte);text-align:right;color:var(--gris-fonce);margin-top:8px;line-height:1.5}.histoire-legende{font-size:13.5px;display:block}.histoire-mentions{margin-top:2px;font-size:11.5px;display:block}.histoire-haut{text-align:center;border:1px solid var(--encre);color:var(--encre);letter-spacing:2px;text-transform:uppercase;margin-top:32px;padding:14px;font-size:12px;text-decoration:none;transition:background .25s,color .25s;display:block}.histoire-haut:hover{background:var(--encre);color:var(--ivoire)}@media (width<=767px){.histoire-periodes-liste{justify-content:flex-start;gap:28px;padding:0 16px}.histoire-periode{grid-template-columns:1fr;margin-bottom:64px}.histoire-panneau{max-width:none;height:300px;padding:0 16px;position:static}.histoire-evenements{max-width:none;padding:32px 16px 0}.histoire-evenement{padding-bottom:56px}.histoire-intro{padding:60px 16px 32px}}