.timeline {
  --wdg-timeline-max-width: var( --wdg-width-wide );
  --wdg-timeline-margin: calc( ( 100vw - var( --wdg-timeline-max-width ) ) / 2 );
  --wdg-timeline-color-highlight: var( --wdg-color-gold );
  overflow: hidden;
  padding-block: var(--wdg-gap-large);
  position: relative;
}
.timeline::before {
  background-image: url("../../../../assets/img/leaves.svg");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.wp-site-blocks .timeline.has-background {
  padding-inline: 0;
}
.timeline__header {
  padding-inline: max(var(--wdg-gap-gutter), var(--wdg-timeline-margin));
}
.timeline__slide {
  height: auto;
  padding-block: var(--wdg-gap-medium);
  padding-inline: max(var(--wdg-gap-gutter), var(--wdg-timeline-margin));
}
.timeline__slide-inner {
  color: var(--wdg-color-text-default);
  display: flex;
  flex-direction: column;
}
@media (max-width: 61.9375em) {
  .timeline__slide-inner {
    background: var(--wdg-color-white);
  }
}
@media (min-width: 62em) {
  .timeline__slide-inner {
    background-image: linear-gradient(to right, var(--wdg-color-white) 80%, rgba(0, 0, 0, 0) 80%);
    flex-direction: row;
    height: 100%;
    max-width: 75%;
  }
}
.timeline__slide-inner * {
  color: inherit;
}
.timeline__slide-text {
  background-image: linear-gradient(to right, var(--wdg-timeline-color-highlight) clamp(1.88rem, 1.44vw + 1.51rem, 3.75rem), rgba(0, 0, 0, 0) clamp(1.88rem, 1.44vw + 1.51rem, 3.75rem));
  display: flex;
  flex: 0 1 60%;
  flex-direction: column;
  gap: var(--wdg-gap-xsmall);
  justify-content: center;
  padding: var(--wdg-gap-medium) var(--wdg-gap-block) var(--wdg-gap-medium) calc(clamp(1.88rem, 1.44vw + 1.51rem, 3.75rem) + var(--wdg-gap-block));
  position: relative;
}
.timeline__slide-text::before {
  background: var(--wdg-timeline-color-highlight) url("../../../../assets/img/contour-lines-decor.png") no-repeat center center/cover;
  content: "";
  display: block;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  mix-blend-mode: difference;
  opacity: 0.5;
  position: absolute;
  width: clamp(1.88rem, 1.44vw + 1.51rem, 3.75rem);
}
.timeline__slide-text *, .editor-styles-wrapper .timeline__slide-text * {
  margin: 0;
}
.timeline__slide-year.kicker {
  color: var(--wdg-color-accent);
}
.timeline__slide-heading, .editor-styles-wrapper .timeline__slide-heading {
  color: inherit;
}
.timeline__slide-content {
  font-size: var(--wdg-font-size-small);
}
.timeline__slide-media {
  align-items: center;
  aspect-ratio: 3/2;
  display: flex;
  flex: 1 1 40%;
  margin: 0;
  overflow: hidden;
  position: relative;
}
@media (min-width: 62em) {
  .timeline__slide-media {
    aspect-ratio: 1/1;
  }
}
.timeline__slide-media img {
  height: 100%;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (min-width: 62em) {
  .timeline__slide-media img {
    height: 90%;
    width: 90%;
  }
}
.timeline__nav {
  display: flex;
  gap: var(--wdg-gap-xsmall);
  inset: unset;
  justify-content: flex-end;
  padding-inline: max(var(--wdg-gap-gutter), var(--wdg-timeline-margin));
  position: relative;
  transform: translate(0, 50%);
  z-index: 2;
}
.timeline__next[type=button], .timeline__prev[type=button] {
  --wdg-color-button-background: transparent;
  --wdg-color-button-hover-background: transparent;
  --swiper-navigation-size: 1em;
  --swiper-navigation-color: var( --wdg-color-text );
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid rgba(var(--wdg-color-text-rgb, currentColor), 0.3);
  border-radius: 50%;
  height: clamp(3rem, 1.54vw + 2.62rem, 5rem);
  inset-block-start: 0;
  inset-inline: auto;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: relative;
  transition: border-color 250ms var(--wdg-ease-in-out-quad), opacity 250ms var(--wdg-ease-in-out-quad);
  width: clamp(3rem, 1.54vw + 2.62rem, 5rem);
}
.timeline__next[type=button]:hover, .timeline__next[type=button]:focus, .timeline__prev[type=button]:hover, .timeline__prev[type=button]:focus {
  border-color: rgba(var(--wdg-color-text-rgb), 0.8);
}
.timeline__next[type=button]::after, .timeline__prev[type=button]::after {
  content: "";
  display: none;
}
.timeline__next[type=button] svg, .timeline__prev[type=button] svg {
  fill: currentColor;
  height: 50%;
  width: 50%;
}
.timeline__pagination {
  --swiper-pagination-bottom: 0;
  --swiper-pagination-top: 0;
  --swiper-pagination-color: transparent;
  --swiper-pagination-bullet-inactive-color: transparent;
  --swiper-pagination-bullet-height: auto;
  --swiper-pagination-bullet-width: auto;
  --swiper-pagination-bullet-horizontal-gap: 0;
  --swiper-pagination-bullet-border-radius: 0;
  --swiper-pagination-bullet-inactive-opacity: 1;
  display: flex;
  margin-block-end: var(--wdg-gap-block);
  min-height: 65px;
  padding-inline: max(var(--wdg-gap-gutter), var(--wdg-timeline-margin));
  position: relative;
}
@media (max-width: 61.9375em) {
  .timeline__pagination {
    display: none;
  }
}
.timeline__pagination-track {
  position: relative;
  width: 100%;
}
.timeline__pagination-track::before {
  background-color: rgba(var(--wdg-color-text-rgb), 0.2);
  content: "";
  height: 2px;
  inset-block-end: calc(0.75em - 2px);
  inset-inline: 0;
  position: absolute;
  z-index: 0;
}
.timeline__pagination-track::after {
  background-color: var(--wdg-timeline-color-highlight);
  content: "";
  height: 2px;
  inset-block-end: calc(0.75em - 2px);
  inset-inline-start: 0;
  position: absolute;
  transition: width 600ms var(--wdg-ease-out-quad);
  width: var(--timeline-progress, 0);
  z-index: 1;
}
.timeline__pagination .swiper-pagination-bullet {
  align-items: center;
  color: rgba(var(--wdg-color-text-rgb), 0.6);
  display: flex;
  flex-direction: column;
  font-family: var(--wdg-font-heading-alt);
  font-size: var(--wdg-font-size-xsmall);
  font-weight: 700;
  inset-block-end: 0;
  padding: 0.5em;
  position: absolute;
  row-gap: var(--wdg-gap-xsmall);
  transform: translateX(-50%);
  transition: all 300ms var(--wdg-ease-in-out-quad);
  z-index: 2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.timeline__pagination .swiper-pagination-bullet::after {
  background-color: var(--wdg-color-tonal-black);
  border: 2px solid currentColor;
  border-radius: 50%;
  content: "";
  display: block;
  height: 0.75em;
  transform-origin: center;
  transition: transform 250ms var(--wdg-ease-out-quad);
  width: 0.75em;
}
.timeline__pagination .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) {
  color: rgba(var(--wdg-color-text-rgb), 1);
  opacity: var(--swiper-pagination-bullet-opacity);
}
.timeline__pagination .swiper-pagination-bullet-active {
  color: var(--wdg-timeline-color-highlight);
}
.timeline__pagination .swiper-pagination-bullet-active::after {
  transform: scale(1.75);
}
.timeline__pagination .swiper-pagination-bullet:has(~ .swiper-pagination-bullet-active) {
  color: var(--wdg-timeline-color-highlight) !important;
}
.timeline__year-callout {
  display: flex;
  flex-direction: column;
  font-family: var(--wdg-font-heading-alt);
  font-size: clamp(7.5rem, 11.54vw + 4.62rem, 22.5rem);
  font-weight: 700;
  inset-block: 0;
  inset-inline-end: var(--wdg-gap-gutter);
  justify-content: center;
  line-height: 1;
  opacity: 0.2;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
}
@media (max-width: 61.9375em) {
  .timeline__year-callout {
    display: none;
  }
}
.timeline__year-callout .year-text {
  display: block;
  transition: transform 400ms ease, opacity 400ms ease;
}
.timeline__year-callout .year-exit {
  opacity: 0;
  transform: translateY(-50%);
}
.timeline__year-callout .year-enter {
  opacity: 0;
  transform: translateY(50%);
}

/*# sourceMappingURL=style.css.map */