/* Journey: vertical timeline (mobile), pinned horizontal timeline (>=1024px). Last stages grouped as a cycle. */
.sdo-w--journey{--sdo-jr-bg:#fff}
.sdo-w--journey .sdo-jr__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 48px}
.sdo-w--journey .sdo-jr__side{display:flex;align-items:center;gap:28px}
.sdo-w--journey .sdo-jr__count{display:none;color:var(--sdo-muted);font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.04em}
.sdo-w--journey .sdo-jr__count b{font-size:2.4rem;font-weight:300;color:var(--sdo-wine);line-height:1}
.sdo-w--journey .sdo-jr__cta{display:inline-flex;align-items:center;padding:13px 28px;border-radius:99px;background:var(--sdo-wine);color:#fff;text-decoration:none;font-size:.95rem;transition:background .6s var(--sdo-ease),transform .6s var(--sdo-ease)}
.sdo-w--journey .sdo-jr__cta:hover{background:var(--sdo-wine-deep);transform:translateY(-2px)}
.sdo-w--journey .sdo-jr__vp{margin-top:clamp(32px,5vw,56px)}
.sdo-w--journey .sdo-jr__track{position:relative;--p:0}
.sdo-w--journey .sdo-jr__track::before,.sdo-w--journey .sdo-jr__track::after{content:"";position:absolute;inset-block:8px;inset-inline-start:19.5px;width:1px;background:var(--sdo-line)}
.sdo-w--journey .sdo-jr__track::after{width:2px;inset-inline-start:19px;background:var(--sdo-sand);transform:scaleY(var(--p));transform-origin:top}
.sdo-w--journey .sdo-jr__grp{list-style:none;margin:0;padding:0}
.sdo-w--journey .sdo-jr__step{position:relative;margin:0;padding:0 0 clamp(32px,6vw,48px);padding-inline-start:64px;opacity:.45;transition:opacity .9s var(--sdo-ease)}
.sdo-w--journey .sdo-jr__step.is-active{opacity:1}
.sdo-w--journey .sdo-jr__n{position:absolute;inset-inline-start:0;top:0;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--sdo-jr-bg);border:1px solid var(--sdo-line);color:var(--sdo-wine);font-size:.88rem;font-variant-numeric:tabular-nums;transition:background .6s var(--sdo-ease),color .6s var(--sdo-ease),border-color .6s var(--sdo-ease)}
.sdo-w--journey .sdo-jr__step.is-active .sdo-jr__n{background:var(--sdo-wine);border-color:var(--sdo-wine);color:#fff}
.sdo-w--journey .sdo-jr__ic{display:block;margin-bottom:10px;font-size:26px;color:var(--sdo-sand-deep);transition:color .6s var(--sdo-ease)}
.sdo-w--journey .sdo-jr__step.is-active .sdo-jr__ic{color:var(--sdo-wine)}
.sdo-jr--wine .sdo-jr__ic{color:color-mix(in srgb,var(--sdo-sand) 70%,transparent)}
.sdo-jr--wine .sdo-jr__step.is-active .sdo-jr__ic{color:var(--sdo-sand)}
.sdo-w--journey .sdo-jr__body h3{font-family:var(--sdo-head-ff);margin:0 0 .1em;font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:600;line-height:1.4;color:var(--sdo-ink)}
.sdo-w--journey .sdo-jr__en{display:block;margin-bottom:.7em;font-size:.7rem;letter-spacing:.24em;color:var(--sdo-sand)}
.sdo-w--journey .sdo-jr__body p{margin:0;color:var(--sdo-muted);max-width:34em}
.sdo-w--journey .sdo-jr__cycle{position:relative;margin-top:4px;padding:18px 16px 2px 0;padding-inline:0 16px;border-radius:16px;background:var(--sdo-sand-wash)}
.sdo-w--journey .sdo-jr__cyc-label{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-inline-start:64px;color:var(--sdo-sand-deep);font-size:.88rem}
.sdo-w--journey .sdo-jr__cyc-label svg{flex:none;width:20px;height:20px}
.sdo-w--journey .sdo-jr__cycle.is-live .sdo-jr__cyc-label svg{animation:sdo-jr-spin 6s linear infinite}
.sdo-w--journey .sdo-jr__return,.sdo-w--journey .sdo-jr__rail{display:none}
@keyframes sdo-jr-spin{to{transform:rotate(360deg)}}

@media (min-width:1024px){
	.sdo-w--journey .sdo-jr__count{display:block}
	.sdo-w--journey .sdo-jr__vp{overflow:hidden}
	.sdo-w--journey .sdo-jr__track{display:flex;align-items:stretch;gap:clamp(20px,2vw,32px);width:max-content;will-change:transform}
	.sdo-w--journey .sdo-jr__track::before,.sdo-w--journey .sdo-jr__track::after{display:none}
	.sdo-w--journey .sdo-jr__grp{display:flex;gap:clamp(20px,2vw,32px)}
	.sdo-w--journey .sdo-jr__step{width:clamp(250px,23vw,330px);padding:68px 0 0;padding-inline-end:8px}
	.sdo-w--journey .sdo-jr__step::before{content:"";position:absolute;top:20px;inset-inline-start:48px;inset-inline-end:-24px;height:1px;background:var(--sdo-line)}
	.sdo-w--journey .sdo-jr__cycle .sdo-jr__step:last-child::before{display:none}
	.sdo-w--journey .sdo-jr__cycle{display:flex;flex-direction:column;margin:0;padding:22px 28px 58px;border:1px dashed color-mix(in srgb,var(--sdo-sand) 70%,transparent);border-radius:22px;transition:border-color .6s var(--sdo-ease),background .6s var(--sdo-ease)}
	.sdo-w--journey .sdo-jr__cycle.is-live{border-style:solid;border-color:var(--sdo-sand)}
	.sdo-w--journey .sdo-jr__cyc-label{padding:0;margin-bottom:18px}
	.sdo-w--journey .sdo-jr__return{display:block;position:absolute;inset-inline:48px;bottom:20px;height:20px;border:1.5px solid var(--sdo-sand);border-top:0;border-radius:0 0 14px 14px;opacity:.3;transition:opacity .8s var(--sdo-ease)}
	.sdo-w--journey .sdo-jr__return::before{content:"";position:absolute;top:-1px;inset-inline-start:-5.5px;width:9px;height:9px;border-top:1.5px solid var(--sdo-sand);border-left:1.5px solid var(--sdo-sand);transform:rotate(45deg)}
	html[dir=rtl] .sdo-w--journey .sdo-jr__return::before{border-left:0;border-right:1.5px solid var(--sdo-sand);transform:rotate(-45deg)}
	.sdo-w--journey .sdo-jr__cycle.is-closed .sdo-jr__return{opacity:1}
	.sdo-w--journey .sdo-jr__rail{display:block;position:relative;height:1px;margin-top:clamp(28px,4vh,44px);background:var(--sdo-line)}
	.sdo-w--journey .sdo-jr__fill{position:absolute;inset-inline:0;top:-.5px;height:2px;background:var(--sdo-sand);transform:scaleX(0);transform-origin:left center}
	html[dir=rtl] .sdo-w--journey .sdo-jr__fill{transform-origin:right center}
	.sdo-w--journey .sdo-jr.is-pinned{min-height:calc(100vh - var(--sdo-jr-off,0px));display:flex;flex-direction:column;justify-content:center;padding-block:clamp(24px,5vh,56px)}
	.sdo-w--journey .sdo-jr.is-static .sdo-jr__vp{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:16px}
	.sdo-w--journey .sdo-jr.is-static .sdo-jr__step{scroll-snap-align:start}
	.sdo-w--journey .sdo-jr.is-static .sdo-jr__rail,.sdo-w--journey .sdo-jr.is-static .sdo-jr__count{display:none}
}

.sdo-w--journey .sdo-jr.is-static .sdo-jr__step,.sdo-editor .sdo-w--journey .sdo-jr__step{opacity:1}
.sdo-w--journey .sdo-jr.is-static .sdo-jr__track{--p:1}

/* Wine tone */
.sdo-w--journey.sdo-jr--wine{--sdo-jr-bg:var(--sdo-wine);--sdo-line:rgba(255,255,255,.2);background:var(--sdo-wine);color:var(--sdo-ivory);padding:clamp(40px,6vw,88px) clamp(20px,4vw,56px);border-radius:24px}
.sdo-jr--wine .sdo-title,.sdo-jr--wine .sdo-jr__body h3{color:#fff}
.sdo-jr--wine .sdo-lead,.sdo-jr--wine .sdo-jr__body p{color:color-mix(in srgb,var(--sdo-ivory) 74%,transparent)}
.sdo-jr--wine .sdo-jr__count b{color:#fff}
.sdo-jr--wine .sdo-jr__count{color:var(--sdo-sand)}
.sdo-jr--wine .sdo-jr__n{color:var(--sdo-sand)}
.sdo-jr--wine .sdo-jr__step.is-active .sdo-jr__n{background:var(--sdo-sand);border-color:var(--sdo-sand);color:var(--sdo-wine-deep)}
.sdo-jr--wine .sdo-jr__cta{background:var(--sdo-sand);color:var(--sdo-wine-deep)}
.sdo-jr--wine .sdo-jr__cta:hover{background:var(--sdo-ivory)}
.sdo-jr--wine .sdo-jr__cycle{background:rgba(255,255,255,.05)}
.sdo-jr--wine .sdo-jr__cyc-label{color:var(--sdo-sand)}

@media (prefers-reduced-motion:reduce){
	.sdo-w--journey *{transition:none!important;animation:none!important}
	.sdo-w--journey .sdo-jr__step{opacity:1}
}