html,body{height:100%;margin:0}body{color:#fff;background-color:#000;place-items:center;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;display:grid}.parent{grid-template-columns:repeat(2,auto);gap:50px;width:fit-content;display:grid}.carte{text-align:justify;justify-content:left;padding:15px}html,body{overflow-x:clip}.parcours-section{align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.parcours-track{will-change:transform;align-items:center;gap:10rem;padding:0 12vw;display:flex;position:relative}.center-line-horizontal{z-index:0;background:#ccc;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.timeline-item-h{z-index:1;flex:none;width:400px;height:280px;position:relative}.dot-h{z-index:2;background:#60a5fa;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #60a5fa33}.card-h{text-align:center;background:#12141c;border:1px solid #262a38;border-radius:14px;width:340px;padding:2rem;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.timeline-item-h.up .card-h{bottom:calc(50% + 35px)}.timeline-item-h.down .card-h{top:calc(50% + 35px)}.card-h .year{color:#60a5fa;margin-bottom:.5rem;font-size:1rem;font-weight:700;display:inline-block}.card-h h2{color:#f5f5f7;margin:.25rem 0;font-size:1.3rem}.card-h h3{color:#a1a5b3;margin:0 0 1rem;font-size:1.05rem;font-weight:400}.card-h ul{text-align:left;margin:0;padding:0;list-style:none}.card-h li{color:#d4d6dd;padding:.2rem 0;font-size:1rem}