.sec-histoire_timeline { padding: 0 0 clamp(3rem, 5vw, 5rem); background: var(--c-background); }
.sec-histoire_timeline .histoire-timeline__layout { display: grid; grid-template-columns: .85fr 1.15fr; align-items: start; gap: clamp(2.5rem, 6vw, 6rem); padding-top: clamp(3rem, 5vw, 5rem); border-top: 2px dotted color-mix(in srgb, var(--c-primary) 40%, transparent); }
.sec-histoire_timeline .histoire-timeline__intro { display: flex; align-items: flex-start; gap: clamp(1rem, 2vw, 2rem); }
.sec-histoire_timeline .histoire-timeline__seal { display: grid; place-items: center; flex: 0 0 clamp(5.5rem, 9vw, 7rem); aspect-ratio: 1; margin: 0; padding: .8rem; border: 1px solid var(--c-primary); border-radius: 48% 52% 49% 51%; outline: 1px dotted var(--c-primary); outline-offset: -.4rem; font-size: var(--fs-xs); font-weight: var(--fw-bold); line-height: var(--lh-snug); letter-spacing: .07em; text-align: center; text-transform: uppercase; transform: rotate(-13deg); }
.sec-histoire_timeline .histoire-timeline__intro h1,
.sec-histoire_timeline .histoire-timeline__intro h2 { margin: 0; font-size: var(--fs-xl); line-height: var(--lh-tight); }
.sec-histoire_timeline .histoire-timeline__steps { position: relative; list-style: none; margin: 0; padding: 0 0 0 1.8rem; border-left: 2px dashed var(--c-secondary); }
.sec-histoire_timeline .histoire-timeline__step { position: relative; display: grid; grid-template-columns: 4rem 1fr; gap: 1rem; margin: 0; padding-bottom: 2.5rem; }
.sec-histoire_timeline .histoire-timeline__step:last-child { padding-bottom: .5rem; }
.sec-histoire_timeline .histoire-timeline__step::before { content: ""; position: absolute; left: -2.2rem; top: .3rem; width: .7rem; height: .7rem; border: 2px solid var(--c-primary); border-radius: 50%; background: var(--c-secondary); box-shadow: 0 0 0 5px var(--c-background); }
.sec-histoire_timeline .histoire-timeline__year { padding-top: .12rem; font-size: var(--fs-md); font-weight: var(--fw-extrabold); line-height: var(--lh-snug); }
.sec-histoire_timeline .histoire-timeline__content { grid-column: 2; }
.sec-histoire_timeline .histoire-timeline__content h3 { margin-bottom: .6rem; font-family: var(--font-body); font-size: var(--fs-md); font-weight: var(--fw-bold); line-height: var(--lh-snug); }
.sec-histoire_timeline .histoire-timeline__content p { font-size: var(--fs-sm); line-height: var(--lh-relaxed); }
.sec-histoire_timeline .histoire-timeline__note { margin: 2rem 0 0 1.8rem; padding: 1.2rem 0 0; border-top: 1px dashed var(--c-secondary); font-size: var(--fs-sm); line-height: var(--lh-base); font-style: italic; }
@media (max-width: 1023px) {
	.sec-histoire_timeline .histoire-timeline__layout { grid-template-columns: .8fr 1.2fr; gap: 2.5rem; }
	.sec-histoire_timeline .histoire-timeline__intro { flex-direction: column; }
	.sec-histoire_timeline .histoire-timeline__seal { width: 6rem; flex-basis: auto; }
}
@media (max-width: 639px) {
	.sec-histoire_timeline .histoire-timeline__layout { grid-template-columns: 1fr; }
	.sec-histoire_timeline .histoire-timeline__intro { flex-direction: row; align-items: center; }
	.sec-histoire_timeline .histoire-timeline__seal { width: 5.5rem; flex: 0 0 5.5rem; }
	.sec-histoire_timeline .histoire-timeline__steps { margin-left: .4rem; }
	.sec-histoire_timeline .histoire-timeline__step { grid-template-columns: 1fr; gap: .5rem; }
	.sec-histoire_timeline .histoire-timeline__content { grid-column: 1; }
}