/* Über uns */
.about-hero .page-hero__media .ph{ transform-origin:50% 40%; }
.about-lead{ margin-top:26px; max-width:22ch; }
.about-body{ margin-top:48px; margin-left:auto; max-width:60ch; display:grid; gap:1.1em; }

/* Journey timeline (P5) */
.journey__track{ position:relative; align-items:stretch; padding-top:30px; }
.journey__path{ position:absolute; left:var(--gutter); right:var(--gutter); top:44px; width:calc(100% - var(--gutter)*2); height:20px; overflow:visible; pointer-events:none; }
.journey__path path{ fill:none; stroke:var(--brand-bright); stroke-width:2; vector-effect:non-scaling-stroke; stroke-dasharray:1; stroke-dashoffset:0; }
.milestone{ position:relative; width:min(78vw, 520px); padding:56px clamp(20px,2.4vw,36px) clamp(28px,3vw,44px); border-radius:var(--r-4); border:1px solid var(--line); background:linear-gradient(170deg, var(--ink-800), var(--ink-900)); display:grid; gap:16px; align-content:start; min-height:min(52vh, 420px); }
.milestone__dot{ position:absolute; top:14px; left:clamp(20px,2.4vw,36px); width:16px; height:16px; border-radius:50%; background:var(--ink-950); border:2px solid var(--brand-bright); box-shadow:0 0 0 6px rgba(42,159,216,.12); }
.milestone__year{ font:600 clamp(56px,7vw,112px)/.9 var(--font-display); letter-spacing:-.04em; background:linear-gradient(180deg, var(--text), var(--brand-bright)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.milestone__text{ font-size:clamp(18px,1.6vw,22px); color:var(--text-2); max-width:24ch; }
.swiper .milestone{ width:auto; }
@media (max-width:767px), (prefers-reduced-motion: reduce){ .journey__path{ display:none; } }

.impact-text{ will-change:transform; }