.journey{--journey-bg:#111116;--journey-ink:#f4f2ed;--journey-ink-soft:#e3e0e8;--journey-accent:#c2b8df;--journey-line:#f4f2ed33;--journey-line-strong:#f4f2ed73;--journey-gutter:max(1.5rem, calc((100vw - 104rem) / 2));isolation:isolate;background:var(--journey-bg);color:var(--journey-ink);padding-top:clamp(5rem,9vw,8rem);position:relative}.journey__container{width:min(100% - 3rem,104rem);margin-inline:auto}@media (min-width:768px){.journey__container{width:min(100% - 5rem,104rem)}}.journey__intro{border-bottom:1px solid var(--journey-line);gap:1.75rem;padding-bottom:2rem;display:grid}.journey__badge{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--journey-accent);align-items:center;gap:.75rem;margin-top:1.5rem;font-size:.75rem;display:inline-flex}.journey__badge:before{content:"";background:var(--journey-accent);border-radius:50%;width:.5rem;height:.5rem}@media (min-width:1024px){.journey__intro{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}.journey__intro-head{grid-column:span 8/span 8}.journey__intro-copy{grid-column:span 4/span 4;justify-self:end}}.journey__marker{border:1px solid var(--journey-line-strong);background:var(--journey-bg);width:2.75rem;height:2.75rem;color:var(--journey-ink);border-radius:50%;flex:none;place-items:center;transition:background-color .4s,border-color .4s,color .4s,transform .5s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.journey__marker svg{width:1.125rem;height:1.125rem}[data-auto=true]>.journey__marker,[data-auto=true] .journey__marker{border-color:var(--journey-accent)}[data-state=active][data-auto=true] .journey__marker,[data-state=past][data-auto=true] .journey__marker{background:var(--journey-accent);color:var(--journey-bg)}[data-state=active][data-auto=false] .journey__marker{border-color:var(--journey-ink);box-shadow:inset 0 0 0 3px var(--journey-bg), inset 0 0 0 4px var(--journey-ink)}[data-state=active] .journey__marker{transform:scale(1.12)}.journey__tag{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--journey-ink-soft);align-items:center;gap:.625rem;font-size:.75rem;display:inline-flex}.journey__tag-dot{border:1px solid var(--journey-ink);border-radius:50%;width:.5rem;height:.5rem}[data-auto=true] .journey__tag-dot{background:var(--journey-accent);border-color:var(--journey-accent)}[data-auto=true] .journey__tag{color:var(--journey-accent)}.journey__title{font-family:var(--font-display,inherit);letter-spacing:-.04em;color:var(--journey-ink);text-wrap:balance;font-weight:500;line-height:1.02}.journey__body{color:var(--journey-ink);text-wrap:pretty}html[lang=de] .journey :is(h2,h3,p){-webkit-hyphens:none;hyphens:none}.journey__timeline-wrap{position:relative}.journey__timeline{margin:0;padding:2.5rem 0 1rem;list-style:none;position:relative}.journey__tl-item:not(:last-child):before{content:"";left:calc(1.375rem - .5px);top:calc(var(--tl-pad) + 1.375rem);bottom:calc(-1 * (var(--tl-pad) + 1.375rem));background:var(--journey-line);width:1px;position:absolute}.journey__timeline-rail{z-index:1;pointer-events:none;width:1px;display:none;position:absolute;left:calc(1.375rem - .5px)}.journey__timeline-fill{background:var(--journey-accent);transform-origin:top;position:absolute;inset:0}.journey__timeline-signal{display:none}.journey__tl-item{--tl-pad:1.75rem;padding:var(--tl-pad) 0;grid-template-columns:2.75rem minmax(0,1fr);column-gap:1.25rem;display:grid;position:relative}.journey__tl-item .journey__marker{z-index:2}.journey__tl-item .journey__title{margin-top:.75rem;font-size:clamp(1.75rem,6vw,2.5rem)}.journey__tl-item .journey__body{max-width:38rem;margin-top:.875rem;font-size:1rem;line-height:1.7}@media (min-width:768px){.journey__tl-item{--tl-pad:2.25rem;column-gap:2rem}}.journey[data-scene-mode=progressive] .journey__timeline-rail{display:block}.journey[data-scene-mode=progressive] .journey__timeline-signal{background:var(--journey-accent);border-radius:50%;width:.875rem;height:.875rem;margin-top:-.4375rem;margin-left:-.4375rem;display:block;position:absolute;top:0;left:50%;box-shadow:0 0 0 6px #c2b8df2e}.journey[data-scene-mode=progressive] .journey__tl-content{transition:opacity .5s,transform .7s cubic-bezier(.16,1,.3,1)}.journey[data-scene-mode=progressive] .journey__tl-item[data-state=upcoming] .journey__tl-content{opacity:.55;transform:translate(.75rem)}.journey__loop-icon{width:2.75rem;height:2.75rem;color:var(--journey-accent)}.journey__marker .journey__loop-icon{color:inherit}.journey__loop-arc{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.journey__outro{border-top:1px solid var(--journey-line);gap:2rem;padding-block:2.5rem clamp(4rem,7vw,7rem);display:grid}@media (min-width:1024px){.journey__outro{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.journey__outro-lead{grid-column:span 7/span 7}.journey__outro-cta{grid-column:span 5/span 5;justify-self:end}}.journey__runway{height:calc(100svh - var(--site-nav-h,73px) + var(--journey-travel,240vw));position:relative}.journey__stage{top:var(--site-nav-h,73px);height:calc(100svh - var(--site-nav-h,73px));grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:sticky;overflow:clip}.journey__hud{padding:clamp(1rem, 2.4svh, 1.75rem) var(--journey-gutter) 0;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--journey-ink-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,3vw,3rem);font-size:.75rem;display:grid}.journey__counter{align-items:baseline;gap:.5rem;display:flex}.journey__counter-current{font-family:var(--font-display,inherit);letter-spacing:-.04em;color:var(--journey-ink);font-variant-numeric:tabular-nums;min-width:2.4ch;font-size:2rem}.journey__progress{background:var(--journey-line);height:1px;position:relative}.journey__progress-fill{background:var(--journey-accent);transform-origin:0;position:absolute;inset:0}.journey__meter{align-items:center;gap:1rem;display:flex}.journey__meter-pips{gap:.375rem;display:flex}.journey__meter-pip{border:1px solid var(--journey-line-strong);border-radius:50%;width:.5rem;height:.5rem;transition:background-color .35s,border-color .35s}.journey__meter-pip[data-auto=true]{border-color:var(--journey-accent)}.journey__meter-pip[data-lit=true][data-auto=true]{background:var(--journey-accent)}.journey__meter-pip[data-lit=true][data-auto=false]{border-color:var(--journey-ink);box-shadow:inset 0 0 0 2px var(--journey-bg), inset 0 0 0 3px var(--journey-ink);background:0 0}.journey__viewport{--rail-y:clamp(6rem, 25svh, 14rem);min-width:0;min-height:0;position:relative;overflow:clip}.journey__track{--station-w:clamp(20rem, 33vw, 36rem);--station-gap:clamp(4rem, 9vw, 11rem);will-change:transform;width:max-content;height:100%;position:relative}.journey__stations{align-items:flex-start;gap:var(--station-gap);height:100%;margin:0;padding:0;list-style:none;display:flex;position:relative}.journey__rail{top:var(--rail-y);background:var(--journey-line);pointer-events:none;height:1px;position:absolute}.journey__rail-fill{background:var(--journey-accent);transform-origin:0;position:absolute;inset:0}.journey__station{flex:0 0 var(--station-w);width:var(--station-w);height:100%;position:relative}.journey__station .journey__marker{top:var(--rail-y);z-index:2;margin-top:-1.375rem;position:absolute;left:0}.journey__numeral{left:3.75rem;bottom:calc(100% - var(--rail-y) + .5rem);font-family:var(--font-display,inherit);letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1px #c2b8df57;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(6.5rem,16svh,11.5rem);font-weight:500;line-height:.78;position:absolute}.journey__card{top:calc(var(--rail-y) + clamp(2.75rem, 7svh, 4.5rem));z-index:1;transform-origin:0 0;position:absolute;left:0;right:0}.journey__card .journey__title{margin-top:1rem;font-size:clamp(2.5rem,min(4.2vw,7.5svh),5rem)}.journey__card .journey__body{max-width:32rem;margin-top:1.25rem;font-size:clamp(1rem,min(1.2vw,2.2svh),1.25rem);line-height:1.6}.journey__signal{top:var(--rail-y);left:var(--journey-focus-x,22%);z-index:0;pointer-events:none;width:0;height:0;position:absolute}.journey__signal-core,.journey__signal-halo{border-radius:50%;position:absolute;translate:-50% -50%}.journey__signal-core{background:var(--journey-ink);width:.75rem;height:.75rem}.journey__signal-halo{border:1px solid #c2b8df8c;width:4.25rem;height:4.25rem;animation:2.4s cubic-bezier(.16,1,.3,1) infinite journey-signal-pulse}.journey__signal-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--journey-accent);white-space:nowrap;font-size:.6875rem;position:absolute;top:-2.125rem;right:2.75rem}.journey__stage[data-in-view=false] .journey__signal-halo{animation-play-state:paused}@keyframes journey-signal-pulse{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.15)}}.journey__nav{border-top:1px solid var(--journey-line);padding-left:max(var(--journey-gutter), 6.5rem);padding-right:max(var(--journey-gutter), 6.5rem);display:flex}.journey__nav-button{border-right:1px solid var(--journey-line);min-height:4rem;color:var(--journey-ink-soft);text-align:left;flex:1 1 0;align-items:center;gap:.75rem;padding-right:.75rem;font-size:.875rem;transition:color .3s;display:flex}.journey__nav-button:last-child{border-right:0}.journey__nav-button:hover,.journey__nav-button[data-state=active]{color:var(--journey-accent)}.journey__nav-button:focus-visible{outline:2px solid var(--journey-accent);outline-offset:-2px}.journey__nav-index{font-family:var(--font-mono,ui-monospace, monospace);color:var(--journey-accent)}@media (max-height:760px){.journey__viewport{--rail-y:clamp(4.75rem, 19svh, 8rem)}.journey__numeral{font-size:clamp(5.5rem,15svh,8rem)}.journey__nav-button{min-height:3.25rem}}@media (min-width:2200px){.journey__track{--station-w:clamp(30rem, 28vw, 44rem)}.journey__card .journey__body{max-width:40rem;font-size:1.375rem}}@media (prefers-reduced-motion:reduce){.journey__signal-halo{opacity:0;animation:none}.journey__marker,.journey__tl-content{transition:none}}
