.ff-editions {
  background: var(--cream);
  padding-block: clamp(56px, 33.4647887324px + 6.0093896714vw, 120px) clamp(72px, 48.0563380282px + 6.3849765258vw, 140px);
}
.ff-editions__heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px 32px;
  margin-bottom: 80px;
}
@media (max-width: 759.98px) {
  .ff-editions__heading {
    display: block;
    margin-bottom: 44px;
  }
}
.ff-editions__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(36px, 28.9577464789px + 1.8779342723vw, 56px);
  line-height: clamp(33.84px, 26.0371830986px + 2.0807511737vw, 56px);
  letter-spacing: -0.03em;
  text-transform: uppercase;
}
.ff-editions__aside {
  padding-bottom: 10px;
  font-weight: 800;
  font-size: clamp(12px, 11.6478873239px + 0.0938967136vw, 13px);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--blue);
}
@media (max-width: 759.98px) {
  .ff-editions__aside {
    margin-top: 16px;
    padding-bottom: 0;
  }
}
.ff-editions__line {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 64px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ff-editions__line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 24px;
  height: var(--line);
  background: var(--ink);
}
@media (max-width: 759.98px) {
  .ff-editions__line {
    display: block;
    padding-left: 44px;
  }
  .ff-editions__line::before {
    left: 14px;
    right: auto;
    top: 8px;
    bottom: 8px;
    width: var(--line);
    height: auto;
  }
}
.ff-editions__item {
  position: relative;
}
@media (max-width: 759.98px) {
  .ff-editions__item {
    padding-bottom: 56px;
  }
  .ff-editions__item:last-child {
    padding-bottom: 0;
  }
}
.ff-editions__dot {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--blue);
}
.ff-editions__item--yellow .ff-editions__dot {
  background: var(--yellow);
}
.ff-editions__item + .ff-editions__item .ff-editions__dot {
  margin: -3px 0 0 -3px;
}
@media (max-width: 759.98px) {
  .ff-editions__dot {
    position: absolute;
    left: -44px;
    top: 0;
    width: 32px;
    height: 32px;
    margin: 0 !important;
  }
  .ff-editions__item--yellow .ff-editions__dot {
    border: var(--line) solid var(--ink);
  }
}
.ff-editions__year {
  margin-top: 32px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(72px, 55.0985915493px + 4.5070422535vw, 120px);
  line-height: 0.8;
  letter-spacing: -0.05em;
}
@media (max-width: 759.98px) {
  .ff-editions__year {
    margin-top: 0;
  }
}
.ff-editions__name {
  margin-top: clamp(16px, 13.1830985915px + 0.7511737089vw, 24px);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(24px, 21.1830985915px + 0.7511737089vw, 32px);
  letter-spacing: -0.03em;
}
.ff-editions__dates {
  margin-top: clamp(12px, 11.2957746479px + 0.1877934272vw, 14px);
  font-weight: 800;
  font-size: clamp(12px, 11.6478873239px + 0.0938967136vw, 13px);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(16, 32, 32, 0.55);
}
.is-current .ff-editions__dates {
  color: var(--blue);
}