.journey{--journey-header:96px;--journey-night:#081427;--journey-inset:max(32px,calc((100vw - 1080px) / 2));position:relative}.journey-stage{background:var(--journey-night);position:relative;overflow:hidden}.journey-sky{height:60vh;position:relative}.journey-interactive,.journey-loader{position:absolute;inset:0}.journey-canvas{background:var(--journey-night);position:relative;overflow:hidden}.journey-canvas canvas{pointer-events:none}.journey-drawings{pointer-events:none;position:absolute;inset:0;overflow:hidden}.journey-drawings img{transform-origin:0 0;will-change:transform,opacity;max-width:none;position:absolute;top:0;left:0}.journey-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.journey-waiting{display:none}.journey-steps{padding:40px var(--journey-inset) 56px;gap:40px;margin:0;list-style:none;display:grid}.journey-label{color:var(--muted);letter-spacing:.06em;font:800 13px/1 Nunito_800ExtraBold,Nunito_900Black,sans-serif}.journey-step h2{text-wrap:balance;margin-top:12px;font-size:clamp(28px,2.8vw,40px);line-height:1.18}.journey-step h2 span{color:var(--blue)}.journey-step p{color:color-mix(in srgb,var(--ink) 86%,transparent);margin-top:16px;font-size:18px;line-height:1.75}.journey-hint{color:var(--muted);margin-top:22px;font-size:13px;display:none}.journey-spacers{display:none}.journey-error{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:absolute;inset:0}.journey-error button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--surface);border-radius:12px;padding:8px 16px}[data-enhanced].journey{grid-template-columns:minmax(0,1fr);display:grid}[data-enhanced] .journey-poster{display:none}[data-enhanced] .journey-waiting{pointer-events:none;display:block;position:absolute;inset:0}.journey-waiting-stars{position:absolute;inset:0}.journey-waiting>span{text-align:center;color:var(--muted);font-size:13px;position:absolute;top:44%;left:0;right:0}[data-enhanced] .journey-sky:has([data-journey-ready=true],[role=alert])>.journey-waiting{display:none}[data-enhanced]>.journey-stage{grid-area:1/1;align-self:start;height:100lvh;position:sticky;top:0}[data-journey-ready=false]:not([data-journey-error=true])>.journey-canvas:not(:has([role=alert])){opacity:0}[data-enhanced] .journey-sky{width:140%;height:auto;position:absolute;inset:0 auto 0 0}[data-enhanced] .journey-stage:after{content:"";pointer-events:none;background:linear-gradient(to bottom,var(--bg),transparent calc(var(--journey-header) + 60px)),linear-gradient(to right,color-mix(in srgb,var(--journey-night) 82%,transparent) 0,color-mix(in srgb,var(--journey-night) 50%,transparent) 36%,transparent 60%);position:absolute;inset:0}[data-enhanced] .journey-steps{z-index:1;width:calc(var(--journey-inset) + min(620px,44vw));padding:var(--journey-header) 0 0 var(--journey-inset);align-content:center;display:grid;position:absolute;inset:0 auto 0 0}[data-enhanced] .journey-step{opacity:0;visibility:hidden;text-shadow:0 1px 14px var(--journey-night);grid-area:1/1;transition:opacity .45s,transform .45s,visibility 0s .45s;transform:translateY(10px)}[data-enhanced] .journey-step[data-active=true]{opacity:1;visibility:visible;transition:opacity .55s 80ms,transform .55s 80ms;transform:none}[data-enhanced] .journey-hint{display:block}[data-enhanced] .journey-spacers{pointer-events:none;grid-area:1/1;display:block}[data-enhanced] .journey-spacers>div{height:100svh}[data-enhanced] .journey-spacers>div:last-child{height:100lvh}@media (width<=700px){.journey{--journey-header:80px}.journey-steps{padding-inline:20px}[data-enhanced] .journey-sky{width:auto;inset:-30% 0 0}[data-enhanced] .journey-stage:after{background:linear-gradient(to bottom,var(--bg),transparent calc(var(--journey-header) + 40px)),linear-gradient(to top,color-mix(in srgb,var(--journey-night) 90%,transparent) 0,color-mix(in srgb,var(--journey-night) 55%,transparent) 26%,transparent 46%)}[data-enhanced] .journey-steps{align-content:end;width:auto;height:100svh;padding:0 22px 40px;inset:0 0 auto}[data-enhanced] .journey-step{align-self:end}.journey-step h2{margin-top:10px;font-size:24px}.journey-step p{margin-top:10px;font-size:15px;line-height:1.65}}@media (prefers-reduced-motion:reduce){[data-enhanced] .journey-step,[data-enhanced] .journey-step[data-active=true],.journey-poster{transition:none;transform:none}}
