/* Alternating project timeline, with project-specific icons and original copy. */
.history .history-intro{display:block;position:static;margin-bottom:44px}
.history .timeline{position:relative;width:88%;max-width:1120px;padding:0;margin:0 auto;list-style:none}
.history .timeline-track{left:50%;top:0;bottom:0;width:6px;transform:translateX(-50%);background:transparent;z-index:1;border-radius:8px;overflow:hidden}
.history .timeline-track>span{width:100%;height:100%;background:var(--color-white);opacity:.38}
.history .milestone{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:190px;padding:0 0 32px;position:relative}
.milestone-rail{position:absolute;left:50%;top:0;bottom:0;width:6px;transform:translateX(-50%);background:var(--milestone-color);z-index:0}
.history .milestone:nth-child(2) .milestone-rail{border-radius:8px 8px 0 0}
.history .milestone:last-child .milestone-rail{border-radius:0 0 8px 8px}
.history .milestone:before,.history .milestone.is-reached:before{content:"";box-sizing:border-box;position:absolute;left:calc(50% - 10px);top:38px;width:20px;height:20px;border:5px solid var(--milestone-color);border-radius:50%;background:var(--color-white);z-index:3}
.history .milestone:after{content:"";position:absolute;left:calc(50% + 26px);right:80px;top:47px;height:0;border-top:2px dotted var(--color-navy-300);z-index:1}
.history .milestone[data-side="left"]:after{left:80px;right:calc(50% + 26px)}
.milestone-direction{position:absolute;top:41px;left:calc(50% + 16px);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:8px solid var(--milestone-color);z-index:2}
.milestone[data-side="left"] .milestone-direction{left:auto;right:calc(50% + 16px);border-left:0;border-right:8px solid var(--milestone-color)}
.history .milestone>.milestone-copy{grid-column:2;position:relative;z-index:2;min-width:0;margin:0 104px 0 0;padding:0 24px 0 34px;border:0;text-align:left}
.history .milestone[data-side="left"]>.milestone-copy{grid-column:1;margin:0 0 0 104px;padding:0 34px 0 24px;text-align:right}
.history .milestone-year{display:block;font-size:clamp(36px,3.5vw,44px);line-height:1;letter-spacing:-.055em;color:var(--milestone-color);font-weight:550;margin:0}
.history .milestone h3{font-size:var(--heading-subsection);font-weight:550;line-height:1.25;letter-spacing:-.025em;color:var(--milestone-color);margin:20px 0 10px}
.history .milestone:hover h3{color:var(--milestone-color)}
.history .milestone p{font-size:14px;line-height:1.7;color:var(--color-text-secondary);max-width:none;margin:0}
.milestone-icon{position:absolute;right:0;top:8px;display:grid;place-items:center;width:80px;height:80px;border:6px solid var(--milestone-color);border-radius:50%;background:var(--color-white);color:var(--color-navy-700);box-shadow:0 4px 14px color-mix(in srgb,var(--color-navy-950) 7%,transparent);z-index:2;transition:box-shadow .25s ease,transform .25s ease}
.milestone[data-side="left"] .milestone-icon{right:auto;left:0}
.milestone-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover) and (pointer:fine){.milestone:hover .milestone-icon{transform:translateY(-3px);box-shadow:0 8px 20px color-mix(in srgb,var(--color-navy-950) 12%,transparent)}}
@media(min-width:901px) and (max-width:1100px){.history .milestone>.milestone-copy{margin-right:90px;padding-left:30px;padding-right:16px}.history .milestone[data-side="left"]>.milestone-copy{margin-left:90px;margin-right:0;padding-left:16px;padding-right:30px}.milestone-icon{width:72px;height:72px;top:12px}.milestone-icon svg{width:36px;height:36px}.history .milestone:after{right:72px}.history .milestone[data-side="left"]:after{left:72px;right:calc(50% + 26px)}}
@media(max-width:900px){
  .history .history-intro{margin-bottom:32px}
  .history .timeline{width:100%;max-width:680px;margin-inline:auto}
  .history .timeline-track{left:18px;width:6px}
  .history .milestone{display:block;min-height:190px;padding-bottom:32px}
  .milestone-rail{left:18px;width:6px}
  .history .milestone:before,.history .milestone.is-reached:before{left:9px;top:35px;width:18px;height:18px;border-width:4px}
  .history .milestone:after,.history .milestone[data-side="left"]:after{left:33px;right:64px;top:43px}
  .milestone-direction,.milestone[data-side="left"] .milestone-direction{left:31px;right:auto;top:38px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:7px solid var(--milestone-color);border-right:0}
  .history .milestone>.milestone-copy,.history .milestone[data-side="left"]>.milestone-copy{margin:0;padding:0 0 0 50px;text-align:left;border:0}
  .history .milestone-year{font-size:36px;line-height:1;margin:0}
  .history .milestone h3{font-size:22px;max-width:calc(100% - 72px);margin:20px 0 10px}
  .history .milestone:hover h3{color:var(--milestone-color)}
  .history .milestone p{font-size:14px;line-height:1.7}
  .milestone-icon,.milestone[data-side="left"] .milestone-icon{left:auto;right:0;top:12px;width:64px;height:64px;border-width:5px}
  .milestone-icon svg{width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce){.milestone-icon{transition:none!important;transform:none!important}}