.accordion--0 .accordion__items > * + * {
  margin-block-start: 2.25rem;
}

.accordion--0 .accordion__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding-inline: 2.625rem;
  padding-block: 2.125rem;

  font-family: var(--ff-heading);
  font-size: clamp(1.5rem, 0.791vw + 1.215rem, 2rem);
  line-height: clamp(1.5rem, 0.791vw + 1.215rem, 2rem);
  text-transform: uppercase;
  color: var(--clr-secondary);

  background-color: var(--clr-tertiary-10);

  transition:
    color 400ms ease,
    background-color 400ms ease;
}

.accordion--0 .accordion__summary svg {
  flex-shrink: 0;
  fill: var(--clr-secondary);
  transform: rotate(0);
  transition: transform 400ms ease;
}

.accordion--0 .accordion__summary:hover,
.accordion--0 .accordion__summary:focus,
.accordion--0 .accordion__item[open] .accordion__summary {
  color: var(--clr-white);
  background-color: var(--clr-secondary-mid);
}

.accordion--0 .accordion__summary:hover svg,
.accordion--0 .accordion__summary:focus svg,
.accordion--0 .accordion__item[open] .accordion__summary svg {
  fill: var(--clr-primary);
}

.accordion--0 .accordion__item[open] .accordion__summary svg {
  transform: rotate(45deg);
}

.accordion--0 .accordion__text {
  padding: 2.625rem;

  font-size: 1.25rem;

  background-color: var(--clr-tertiary-10);
}

@media (max-width: 767px) {
  .accordion--0 .accordion__items > * + * {
    margin-block-start: 1.25rem;
  }
  .accordion--0 .accordion__summary,
  .accordion--0 .accordion__text {
    padding-inline: 2rem;
    padding-block: 1.5rem;
  }
}

@media (max-width: 575px) {
  .accordion--0 .accordion__items > * + * {
    margin-block-start: 1.25rem;
  }
  .accordion--0 .accordion__summary,
  .accordion--0 .accordion__text {
    padding: 1.25rem;
  }
}

@media (min-width: 992px) {
  .accordion--0 .component__heading {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 2rem;
  }

  .accordion--0 .eyebrow,
  .accordion--0 .heading {
    grid-column: 1 / 2;
  }

  .accordion--0 .lead {
    grid-column: 2 / -1;
    grid-row: 1 / span 3;
    margin-block-start: 0;
  }
}