.manifesto {
  width: 100%;
  height: 100vh;
  height: 100svh;
  min-height: 100vh;
  min-height: 100svh;
  background: #000000;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto auto;
  row-gap: clamp(14px, 1.8vw, 28px);
  padding: clamp(20px, 1.82vw, 35px) clamp(20px, 10.73vw, 206px)
    clamp(24px, 3vw, 58px);
}

.manifesto__meta {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.manifesto__meta-left,
.manifesto__meta-right {
  color: #ffffff;
}

.manifesto__stage {
  position: relative;
  width: min(100%, 1236px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.manifesto__title {
  position: relative;
  z-index: 2;
  color: #ffffff;
  text-align: center;
  font-family: "Editorial New", "Times New Roman", serif;
  font-size: var(--fs-display-md);
  line-height: clamp(68px, 9.63vw, 184.99px);
  font-weight: 300;
  white-space: nowrap;
}

.manifesto__title em {
  font-style: italic;
}

.manifesto__image {
  position: absolute;
  z-index: 1;
  object-fit: cover;
}

.manifesto__image--left {
  left: 0;
  right: calc(50% + 14vw);
  bottom: clamp(-10px, -0.5vw, 0px);
  width: clamp(180px, 20.7vw, 263px);
  height: clamp(260px, 28.36vw, 391px);
}

.manifesto__image--right {
  left: calc(50% + 15vw);
  right: 0;
  top: clamp(-20px, -1vw, 0px);
  width: clamp(200px, 15.57vw, 299px);
  height: clamp(250px, 19.47vw, 374px);
}

.manifesto__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(14px, 1.6vw, 28px);
}

.manifesto__line {
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  font-size: var(--fs-body);
  font-family: "Poppins", Arial, sans-serif;
  font-weight: 500;
  line-height: clamp(21px, 1.55vw, 29.69px);
}

.manifesto__copy {
  width: min(90vw, 671px);
  text-align: center;
  color: #ffffff;
  font-size: var(--fs-body);
  font-family: "Poppins", Arial, sans-serif;
  font-weight: 500;
  line-height: clamp(21px, 1.55vw, 29.69px);
}

@media (max-width: 1024px) {
  .manifesto {
    padding-inline: clamp(20px, 6vw, 72px);
  }

  .manifesto__image--left {
    left: 0;
    right: calc(50% + 12vw);
    bottom: clamp(-14px, -1vw, 0px);
    width: clamp(150px, 20vw, 216px);
    height: clamp(220px, 28vw, 314px);
  }

  .manifesto__image--right {
    left: auto;
    right: 0;
    top: clamp(-10px, -0.5vw, 0px);
    width: clamp(164px, 22vw, 248px);
    height: clamp(210px, 27vw, 332px);
  }
}

@media (max-width: 767px) {
  .manifesto {
    padding-inline: 20px;
    padding-bottom: 24px;
  }

  .manifesto__meta {
    gap: 10px;
  }

  .manifesto__stage {
    min-height: 430px;
  }

  .manifesto__image--right {
    left: auto;
    right: 0;
    top: 28px;
    width: clamp(144px, 37vw, 204px);
    height: clamp(180px, 46vw, 252px);
  }

  .manifesto__title {
    white-space: normal;
    text-wrap: balance;
  }

  .manifesto__image--left {
    left: auto;
    right: calc(50% + 8vw);
    bottom: 8px;
    width: clamp(132px, 35vw, 188px);
    height: clamp(196px, 52vw, 278px);
  }

  .manifesto__line {
    white-space: normal;
  }
}