.wp-block-pulp-intro {
  margin-inline: auto;
  max-width: var(--container-max-width);
  padding-inline: var(--container-padding-inline);
  margin-block: var(--spacing-12) var(--spacing-10);
}
.wp-block-pulp-intro .intro-block {
  display: grid;
  gap: 2rem;
}
@media (min-width: 992px) {
  .wp-block-pulp-intro .intro-block {
    grid-template-columns: 58fr 42fr;
    gap: 3rem;
  }
}
.wp-block-pulp-intro .intro-block__title {
  min-width: 0;
}
.wp-block-pulp-intro .intro-block__heading {
  margin: 0;
}
.wp-block-pulp-intro .intro-block__design-elements {
  margin-bottom: 1.5rem;
}
.wp-block-pulp-intro .intro-block__design-elements svg {
  display: block;
  width: 100%;
  max-width: 644px;
  height: auto;
}
.wp-block-pulp-intro .intro-block__design-elements .intro-block__path {
  clip-path: inset(0 100% 0 0);
}
.wp-block-pulp-intro .intro-block__design-elements.is-visible .intro-block__path {
  animation: intro-path-reveal 0.75s cubic-bezier(0.39, 0.58, 0.57, 1) forwards;
}
.wp-block-pulp-intro .intro-block__design-elements.is-visible .intro-block__path--1 {
  animation-delay: 0s;
}
.wp-block-pulp-intro .intro-block__design-elements.is-visible .intro-block__path--2 {
  animation-delay: 0.85s;
}
.wp-block-pulp-intro .intro-block__design-elements.is-visible .intro-block__path--3 {
  animation-delay: 1.6s;
}
@keyframes intro-path-reveal {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .wp-block-pulp-intro .intro-block__design-elements .intro-block__path {
    animation: none;
    clip-path: none;
  }
}
.wp-block-pulp-intro .intro-block__content {
  min-width: 0;
}
@media (min-width: 992px) {
  .wp-block-pulp-intro .intro-block__content {
    display: grid;
    align-content: end;
  }
}
.wp-block-pulp-intro .intro-block__copy {
  margin-bottom: 3rem;
}
.wp-block-pulp-intro .intro-block__buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 576px) {
  .wp-block-pulp-intro .intro-block__buttons {
    flex-direction: row;
  }
}
