.manifesto {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  align-items: center;
  gap: clamp(2.5rem, 6vw, 6rem);
  padding: clamp(5rem, 10vw, 8rem) clamp(1.5rem, 5vw, 4rem);
  background: var(--gradient-soft);
}

.manifesto__visual {
  position: relative;
}

.manifesto__visual::after {
  content: "✦";
  position: absolute;
  top: -1.25rem;
  right: -0.75rem;
  font-size: 2.25rem;
  color: var(--coral);
  animation: twinkle 2.8s ease-in-out infinite;
}

.manifesto__visual img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  transform: rotate(-2deg);
}

.manifesto__title {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(2.25rem, 5vw, 3.75rem);
  line-height: 1.1;
  color: var(--rosewood);
  margin-bottom: 2.75rem;
  max-width: 18ch;
}

.manifesto__title em {
  color: var(--coral);
}

.manifesto__list {
  list-style: none;
  display: grid;
  gap: 1.5rem;
  max-width: 32rem;
}

.manifesto__list li {
  display: flex;
  align-items: baseline;
  gap: 1.25rem;
  font-size: 1.2rem;
  line-height: 1.5;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(138, 59, 65, 0.18);
}

.manifesto__number {
  font-family: var(--font-display);
  font-size: 1rem;
  color: var(--coral);
}

@media (max-width: 860px) {
  .manifesto {
    grid-template-columns: 1fr;
  }

  .manifesto__visual {
    max-width: 20rem;
    margin-inline: auto;
  }
}