.traversee{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:26px;list-style:none;display:grid}.region{display:flex;position:relative}.region>.card{flex-direction:column;flex:1;gap:16px;padding:14px 14px 20px;display:flex}.traversee .vent{z-index:2;flex-direction:column;gap:5px;width:22px;display:flex;position:absolute;top:112px;left:-24px;overflow:hidden}.traversee .vent i{background:var(--moss);opacity:.7;border-radius:2px;width:12px;height:1.5px;animation:1.6s linear infinite filer;display:block}.traversee .vent i:nth-child(2){width:18px;animation-delay:-.5s}.traversee .vent i:nth-child(3){animation-delay:-1.1s}.region-carte{isolation:isolate;background:linear-gradient(160deg,#d9ebe4,#b5d5d0);border-radius:20px;height:210px;position:relative;overflow:hidden}.region.en-cours .region-carte{height:250px}.region-carte .pin .name,.region-carte .pin .ici,.region-carte .destination{display:none}.region-carte .pin .dot{transform:scale(.82)}.region.a-venir .region-carte:after{content:"";z-index:6;pointer-events:none;background:radial-gradient(120% 90% at 70% 40%,#ffffff9e,#ffffff47 70%);position:absolute;inset:0}.region-tete{justify-content:space-between;align-items:flex-start;gap:12px;padding:0 8px;display:flex}.region-tete h2{font-family:var(--serif);letter-spacing:-.02em;font-size:30px;font-weight:400;line-height:1.05}.region-tete p{color:var(--ink-2);margin-top:4px;font-size:14px;line-height:1.4}.region-tete .compte{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}.etapes{flex-direction:column;padding:0 8px;list-style:none;display:flex}.etapes li{border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.etapes li:first-child{border-top:0}.etapes li>a{color:inherit;border-radius:14px;flex:1;align-items:flex-start;gap:12px;margin:-6px -8px;padding:6px 8px;text-decoration:none;transition:background .2s;display:flex}.etapes li>a:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}.etapes li>a:hover b{text-underline-offset:3px;text-decoration:underline}.etapes .pastille{width:26px;height:26px;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fbf7ea;border:0;border-radius:50%;flex:none;place-items:center;font-size:11.5px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1.5px #1d322759}.etapes li.faite .pastille{background:var(--moss);color:#f5f1e4;box-shadow:none}.etapes li.en-cours .pastille{background:var(--ink);color:#f5f1e4;box-shadow:0 0 0 3px #5b7f4e40}.etapes li.a-venir .pastille{color:var(--ink-3);box-shadow:inset 0 0 0 1.5px #1d322733}.etapes li.echeance .pastille{box-shadow:none;color:#8a6a2e;background:#c9a86633}.etapes .txt b{font-size:14.5px;font-weight:600;line-height:1.3;display:block}.etapes .txt small{color:var(--ink-3);margin-top:2px;font-size:12.5px;line-height:1.35;display:block}.etapes li.a-venir .txt b{color:var(--ink-2)}.region>.card>.btn{margin-top:auto;text-decoration:none}.ouverture{color:var(--ink-3);padding:0 8px;font-size:13px;font-weight:600}.region.a-venir>.card{background:#fcfaf38c}@media (max-width:1100px){.traversee{grid-template-columns:1fr;gap:18px}.traversee .vent{display:none}}@media (prefers-reduced-motion:reduce){.traversee .vent i{animation:none}}
