.shonage-route{position:relative;overflow:hidden;padding:120px 24px 150px;color:#fff;isolation:isolate}.shonage-route__background{position:absolute;inset:0;z-index:-3;background:url('../images/affiche_wip.jpeg') center/cover no-repeat;transform:scale(1.04)}.shonage-route__overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(7,12,24,.92) 0%,rgba(9,16,30,.55) 30%,rgba(9,16,30,.58) 72%,rgba(5,10,20,.94) 100%)}.shonage-route__container{width:min(1180px,100%);margin:0 auto}.shonage-route__header{max-width:760px;margin:0 auto 90px;text-align:center}.shonage-route__eyebrow{display:inline-block;margin-bottom:14px;font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#d6b879}.shonage-route__header h2{margin:0 0 24px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1}.shonage-route__header p{max-width:660px;margin:0 auto;font-size:1.08rem;line-height:1.8;color:rgba(255,255,255,.78)}
.shonage-route__timeline{position:relative;min-height:1530px}.shonage-route__path{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none}.shonage-route__path-base,.shonage-route__path-progress{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.shonage-route__path-base{stroke:rgba(255,255,255,.18);stroke-width:3}.shonage-route__path-progress{stroke:#d6b879;stroke-width:4;filter:drop-shadow(0 0 5px rgba(214,184,121,.75)) drop-shadow(0 0 14px rgba(70,170,255,.35))}
.route-step{position:absolute;z-index:2;width:38%;max-width:410px;opacity:0;transform:translateY(45px);transition:opacity .8s ease,transform .8s ease}.route-step.is-visible{opacity:1;transform:translateY(0)}.route-step--1{top:20px}.route-step--2{top:270px}.route-step--3{top:520px}.route-step--4{top:770px}.route-step--5{top:1020px}.route-step--6{top:1270px}.route-step--left{left:5%}.route-step--right{right:5%}.route-step__card{position:relative;overflow:hidden;padding:30px 32px;border:1px solid rgba(255,255,255,.17);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));box-shadow:0 25px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(18px);transition:.35s ease}.route-step__card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#d6b879}.route-step__card:hover{transform:translateY(-7px);border-color:rgba(214,184,121,.45);box-shadow:0 34px 85px rgba(0,0,0,.38),0 0 35px rgba(214,184,121,.08)}.route-step__date{display:block;margin-bottom:12px;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d6b879}.route-step__card h3{margin:0 0 14px;font-size:clamp(1.35rem,2.2vw,1.85rem)}.route-step__card p{margin:0;font-size:.98rem;line-height:1.7;color:rgba(255,255,255,.73)}
.route-step__marker{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(10,19,35,.92);box-shadow:0 0 0 8px rgba(10,19,35,.55),0 0 22px rgba(214,184,121,.22);transform:translateY(-50%)}.route-step--left .route-step__marker{right:-72px}.route-step--right .route-step__marker{left:-72px}.route-step__marker span{font-size:1.45rem;line-height:1}.route-step--complete .route-step__marker{color:#fff;border-color:#d6b879;background:radial-gradient(circle at 35% 30%,#f4dfad,#b9914c 75%);box-shadow:0 0 0 8px rgba(214,184,121,.12),0 0 25px rgba(214,184,121,.48)}.route-step--current .route-step__marker{color:#8fd4ff;border-color:rgba(95,190,255,.9);animation:routePulse 2.2s ease-in-out infinite}.route-step--current .route-step__card{border-color:rgba(95,190,255,.42)}.route-step--current .route-step__card::before{background:#69c2ff}.route-step--future .route-step__marker{color:rgba(255,255,255,.52)}.route-step--future .route-step__card{opacity:.8}@keyframes routePulse{0%,100%{box-shadow:0 0 0 7px rgba(95,190,255,.08),0 0 18px rgba(95,190,255,.28)}50%{box-shadow:0 0 0 12px rgba(95,190,255,.02),0 0 34px rgba(95,190,255,.58)}}