.TimelineMilestone{--timeline-milestone-lane-x:50%;--timeline-milestone-pin-y:32vh;--timeline-milestone-dot-size:16px;--timeline-milestone-group-shift:0;--timeline-milestone-card-parallax-x:0;--timeline-milestone-card-parallax-y:0;--timeline-milestone-card-opacity:0;--timeline-milestone-pointer:none;--timeline-milestone-color:var(--timeline-stroke-color,#fff);inset:0;position:absolute}.Section.timeline-side-left .TimelineMilestone{--timeline-milestone-lane-x:33.333%}.Section.timeline-side-right .TimelineMilestone{--timeline-milestone-lane-x:66.666%}.Section.timeline-side-center .TimelineMilestone,.Section.timeline-side-end .TimelineMilestone,.Section.timeline-side-start .TimelineMilestone{--timeline-milestone-lane-x:50%}.TimelineMilestone-stage{inset:0;pointer-events:none;position:absolute}.TimelineMilestone-pin{left:var(--timeline-milestone-lane-x);opacity:var(--timeline-milestone-card-opacity);position:absolute;top:var(--timeline-milestone-pin-y);transform:translate(-50%,-50%);z-index:4}.TimelineMilestone-dot{animation:TimelineMilestoneDotPulse 1.8s ease-in-out infinite;background:var(--timeline-milestone-color);border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--timeline-milestone-color) 35%,#0000);display:block;height:var(--timeline-milestone-dot-size);width:var(--timeline-milestone-dot-size)}.TimelineMilestone-year{background:var(--clr-f4);border-radius:0;color:#fff;font-family:var(--h2-font-family);font-size:clamp(1.5rem,2.5vw,2.875rem);line-height:1;padding:8px 14px;position:absolute;right:calc(100% + 16px);top:50%;transform:translateY(-50%);white-space:nowrap}.TimelineMilestone--left .TimelineMilestone-year{left:calc(100% + 16px);right:auto}.TimelineMilestone-connector{height:100%;inset:0;opacity:var(--timeline-milestone-card-opacity);overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:2}.TimelineMilestone-connectorPath{fill:none;stroke:var(--timeline-milestone-color);stroke-dasharray:6 5;stroke-linecap:butt;stroke-linejoin:miter;stroke-width:2;vector-effect:non-scaling-stroke}.TimelineMilestone-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid color-mix(in srgb,var(--timeline-milestone-color) 85%,#0000);border-radius:28px;color:var(--Text-color);max-height:min(72vh,calc(100vh - 96px));opacity:var(--timeline-milestone-card-opacity);overflow:auto;padding:clamp(20px,2.2vw,34px);pointer-events:var(--timeline-milestone-pointer);position:absolute;top:50%;transform:translate(var(--timeline-milestone-card-parallax-x),calc(-50% + var(--timeline-milestone-group-shift)*.38 + var(--timeline-milestone-card-parallax-y)));transition:opacity .18s linear;width:min(48vw,560px);z-index:3}.TimelineMilestone--right .TimelineMilestone-card{left:calc(var(--timeline-milestone-lane-x) + clamp(42px, 5vw, 90px))}.TimelineMilestone--left .TimelineMilestone-card{right:calc(100% - var(--timeline-milestone-lane-x) + clamp(42px, 5vw, 90px))}.TimelineMilestone-cardContent{display:grid;gap:clamp(18px,2vw,30px)}.TimelineMilestone-cardContent .Headline-wrapper,.TimelineMilestone-cardContent .Text p,.TimelineMilestone-cardContent>*{margin:0}.TimelineMilestone-cardContent .Text p+p{margin-top:.75em}.TimelineMilestone-cardContent .Picture,.TimelineMilestone-cardContent .ResponsivePicture{border-radius:18px;overflow:hidden}@media (max-width:1025px){.TimelineMilestone{--timeline-milestone-lane-x:50%;--timeline-milestone-pin-y:22vh}.TimelineMilestone-year{font-size:clamp(1.25rem,7vw,2.125rem)}.TimelineMilestone-connector{inset:0}.TimelineMilestone-card{left:50%;max-height:min(68vh,calc(100vh - 88px));right:auto;top:52%;transform:translate(calc(-50% + var(--timeline-milestone-card-parallax-x)),calc(-50% + var(--timeline-milestone-group-shift)*.32 + var(--timeline-milestone-card-parallax-y)));width:min(92vw,620px)}}@keyframes TimelineMilestoneDotPulse{0%{box-shadow:0 0 0 2px color-mix(in srgb,var(--timeline-milestone-color) 45%,#0000),0 0 0 0 color-mix(in srgb,var(--timeline-milestone-color) 30%,#0000);transform:scale(1)}55%{box-shadow:0 0 0 2px color-mix(in srgb,var(--timeline-milestone-color) 45%,#0000),0 0 0 8px color-mix(in srgb,var(--timeline-milestone-color) 0,#0000);transform:scale(1.06)}to{box-shadow:0 0 0 2px color-mix(in srgb,var(--timeline-milestone-color) 45%,#0000),0 0 0 0 color-mix(in srgb,var(--timeline-milestone-color) 0,#0000);transform:scale(1)}}