.company-timeline.is-beui {
  --timeline-paper: #ecefeb;
  --timeline-surface: #f3f4f1;
  --timeline-ink: #1b211d;
  --timeline-muted: #405749;
  --timeline-line: #bdcbbf;
  --timeline-card-width: 340px;
  --timeline-card-cut: calc(var(--ateam-button-cut, 5px) * 2);
  --timeline-card-inner-cut: calc(var(--timeline-card-cut) - .586px);
  --timeline-card-shape: polygon(var(--timeline-card-cut) 0, calc(100% - var(--timeline-card-cut)) 0, 100% var(--timeline-card-cut), 100% calc(100% - var(--timeline-card-cut)), calc(100% - var(--timeline-card-cut)) 100%, var(--timeline-card-cut) 100%, 0 calc(100% - var(--timeline-card-cut)), 0 var(--timeline-card-cut));
  --timeline-card-inner-shape: polygon(var(--timeline-card-inner-cut) 0, calc(100% - var(--timeline-card-inner-cut)) 0, 100% var(--timeline-card-inner-cut), 100% calc(100% - var(--timeline-card-inner-cut)), calc(100% - var(--timeline-card-inner-cut)) 100%, var(--timeline-card-inner-cut) 100%, 0 calc(100% - var(--timeline-card-inner-cut)), 0 var(--timeline-card-inner-cut));
  border-bottom: 1px solid var(--timeline-line);
}
.company-timeline__stage { position: relative; isolation: isolate; height: 620px; overflow: clip; cursor: grab; touch-action: pan-y pinch-zoom; overscroll-behavior-x: contain; user-select: none; mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent); }
.company-timeline__stage.is-dragging { cursor: grabbing; }
.company-timeline__track { list-style: none; padding: 0; margin: 0; }
.company-timeline__event { position: absolute; top: 50%; left: 50%; width: var(--timeline-card-width); margin: 0; }
.company-timeline__event::before { content: ''; position: absolute; inset: 0; z-index: -1; background: #a2b4a7; clip-path: var(--timeline-card-shape); pointer-events: none; }
.company-timeline.is-beui .company-milestone { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0; padding: 28px; margin: 0; border: 1px solid transparent; background: transparent; color: var(--timeline-ink); position: relative; isolation: isolate; }
/* Paint the chamfer separately, so neither the content nor keyboard focus is clipped. */
.company-timeline.is-beui .company-milestone::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--timeline-surface); clip-path: var(--timeline-card-inner-shape); pointer-events: none; }
.company-timeline.is-beui .company-milestone::after { content: ''; position: absolute; inset: -1px; background: var(--timeline-paper); opacity: var(--veil, 0); clip-path: var(--timeline-card-shape); pointer-events: none; }
.company-timeline.is-beui .company-milestone h3 { font: 400 12px/1.5 ui-monospace, monospace; color: var(--timeline-muted); margin: 0; }
.company-timeline.is-beui .company-milestone__body { margin: 0; }
.company-timeline.is-beui .company-milestone__title { font: 400 24px/1.25 "Space Grotesk", sans-serif; color: var(--timeline-ink); margin: 0; }
.company-timeline__media { height: 132px; margin-block: 12px 20px; }
.company-timeline__media img { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.company-timeline__media .is-wordmark { width: 76%; margin-inline: auto; filter: brightness(0); opacity: .85; }
.company-timeline__choose { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--timeline-ink); cursor: inherit; z-index: 1; }
.company-timeline__event.is-active .company-milestone__body a { position: relative; z-index: 2; }
.company-timeline__choose:focus-visible { outline: 2px solid var(--timeline-muted); outline-offset: 4px; }
.company-timeline__details { display: grid; max-width: 640px; margin: 24px auto 32px; }
.company-timeline__details > p { grid-area: 1 / 1; align-self: start; font: 400 16px/1.75 Manrope, sans-serif; color: var(--timeline-muted); margin: 0; }
.company-timeline__details > p[aria-hidden="true"] { visibility: hidden; pointer-events: none; }
.company-timeline__year { position: absolute; top: 28px; left: 50%; font: 400 120px/1 "Space Grotesk", sans-serif; color: #d7dfd8; pointer-events: none; white-space: nowrap; }
.company-timeline__cables { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: #aebfb2; stroke-width: 1; pointer-events: none; mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent); }
.company-timeline__playhead { position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: linear-gradient(to bottom, transparent, #809887 10%, #809887 90%, transparent); pointer-events: none; }
.company-timeline__ticks { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; gap: 10px; pointer-events: none; }
.company-timeline__ticks span { display: block; height: 36px; width: 1px; background: #b1c0b5; }
.company-timeline__ticks .is-major { height: 56px; background: #809887; }
.company-timeline__footer { display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center; padding-block: 24px; border-top: 1px solid var(--timeline-line); }
.company-timeline.is-beui .company-timeline__nav { display: flex; align-items: center; gap: 32px; }
.company-timeline__date { font: 400 18px/1.4 "Space Grotesk", sans-serif; color: var(--timeline-muted); min-width: 44px; min-height: 44px; background: transparent; border: 0; border-radius: 0; padding: 8px 0; cursor: pointer; }
.company-timeline__date[aria-pressed="true"] { color: var(--timeline-ink); text-decoration: underline; text-underline-offset: 8px; text-decoration-thickness: 1px; }
.company-timeline.is-beui .company-timeline__controls { display: flex; align-items: center; gap: 12px; margin: 0; }
.company-timeline__counter { margin-right: 16px; font: 400 12px/1.5 ui-monospace, monospace; color: var(--timeline-muted); white-space: nowrap; }
.company-timeline__controls button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #809386; border-radius: 0; background: transparent; color: var(--timeline-ink); cursor: pointer; }
.company-timeline__controls .lucide { width: 18px; height: 18px; }
.company-timeline__controls button:disabled { opacity: .35; cursor: default; }
.company-timeline.is-beui :focus-visible { outline-color: var(--timeline-muted); }
@media (max-width: 700px) {
  .company-timeline__footer { grid-template-columns: 1fr; gap: 16px; padding-block: 16px 24px; }
  .company-timeline.is-beui .company-timeline__nav { justify-content: space-between; gap: 12px; }
  .company-timeline__counter { margin-right: auto; }
  .company-timeline__year { top: 20px; font-size: 88px; }
  .company-timeline.is-beui .company-milestone { padding: 24px; }
  .company-timeline.is-beui .company-milestone__title { font-size: 22px; }
  .company-timeline__media { height: 112px; }
}
@media (max-width: 600px) {
  .company-timeline.is-beui .company-milestone { padding: 20px; }
  .company-timeline.is-beui .company-milestone__title { font-size: 18px; }
  .company-timeline__media { height: 100px; margin-bottom: 16px; }
  .company-timeline__details > p { font-size: 15px; }
}
@media (forced-colors: active) {
  .company-timeline.is-beui { --timeline-line: CanvasText; --timeline-muted: CanvasText; --timeline-ink: CanvasText; --timeline-surface: Canvas; }
  .company-timeline__stage { mask-image: none; }
  .company-timeline__year, .company-timeline__ticks, .company-timeline__cables, .company-timeline__playhead, .company-timeline__media, .company-timeline.is-beui .company-milestone::after { display: none; }
  .company-timeline__event::before, .company-timeline.is-beui .company-milestone::before { display: none; }
  .company-timeline.is-beui .company-milestone { border-color: CanvasText; background: Canvas; }
  .company-timeline__date[aria-pressed="true"] { color: Highlight; }
}