.timeline{background:var(--color-secondary-500);padding:var(--section-padding-y) 0}.timeline__surface{display:grid;gap:var(--space-16);grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr)}.timeline__intro{align-self:flex-start;display:grid;gap:var(--space-6)}.timeline__badge{border:var(--border-width-sm) solid hsla(0,0%,100%,.6);border-radius:var(--radius-md);display:inline-flex;font-size:var(--text-base-size);font-weight:var(--font-weight-medium);line-height:var(--text-base-line);min-height:40px;padding:var(--space-2) var(--space-4);width:fit-content}.timeline__active-year,.timeline__badge{align-items:center;color:var(--color-white)}.timeline__active-year{display:flex;font-family:var(--font-family-heading);font-size:var(--h2-size);font-weight:var(--font-weight-bold);gap:var(--space-2);line-height:var(--h2-line);margin:0}.timeline__active-dot{background:var(--color-primary-500);border:var(--border-width-md) solid var(--color-white);border-radius:50%;box-sizing:border-box;display:inline-flex;flex-shrink:0;height:24px;width:24px}.timeline__description{color:var(--color-white);font-size:var(--text-xl-size);line-height:var(--text-xl-line)}.timeline__description ol,.timeline__description p,.timeline__description ul{margin:0}.timeline__years{display:grid;padding:var(--space-6) 0;position:relative}.timeline__years:before{display:none}.timeline__year{align-items:center;appearance:none;background:transparent;border:0;color:var(--text-body);cursor:pointer;display:flex;gap:var(--space-2);min-height:76px;padding:0;position:relative;text-align:left;width:100%;z-index:1}.timeline__year-dot{background:var(--color-secondary-300);border-radius:50%;box-sizing:border-box;height:16px;width:16px}.timeline__year.is-active .timeline__year-dot{background:var(--color-primary-500);border:var(--border-width-md) solid var(--color-white)}.timeline__year:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-secondary-300);outline-offset:2px}.timeline__year-text{color:var(--color-secondary-300);font-size:28px;font-weight:var(--font-weight-bold);line-height:1}.timeline__year.is-active .timeline__year-text{color:var(--color-white)}.timeline__media{background:var(--color-secondary-100);border-radius:var(--radius-xl);overflow:hidden}.timeline__media img{aspect-ratio:16/9;display:block;height:100%;object-fit:cover;width:100%}.timeline__media--empty{background:linear-gradient(135deg,rgba(102,162,168,.25),rgba(0,100,110,.12)),var(--color-secondary-100)}@media (max-width:1024px){.timeline__surface{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}.timeline__active-year{font-size:var(--h3-size);line-height:var(--h3-line)}.timeline__year-text{font-size:var(--text-2xl-size);line-height:var(--text-2xl-line)}.timeline__description{font-size:var(--text-lg-size);line-height:var(--text-lg-line)}}@media (max-width:900px){.timeline{padding:var(--section-padding-y-small) 0}.timeline__surface{grid-template-columns:minmax(0,1fr)}.timeline__years{gap:var(--space-5);grid-auto-columns:max-content;grid-auto-flow:column;overflow-x:auto;padding:0 0 var(--space-2)}.timeline__years:before{display:none}.timeline__year{min-height:auto;width:auto}}@media (max-width:767px){.timeline .container{padding-inline:var(--space-5)}.timeline__surface{align-items:start;gap:var(--space-6);grid-template-columns:1fr max-content;grid-template-rows:auto auto}.timeline__intro{align-self:start}.timeline__badge{min-height:24px}.timeline__active-year{font-size:18px;gap:var(--space-4);line-height:24px}.timeline__active-dot{margin-top:var(--space-1-5)}.timeline__description{font-size:var(--text-xl-size);line-height:24px}.timeline__years{display:flex;flex-direction:column;gap:var(--space-12);grid-column:2;grid-row:1/-1;justify-content:center;overflow:visible;padding:0}.timeline__year{min-height:auto;width:auto}.timeline__year-text{font-size:18px;line-height:20px}}