.accordion {
  display: grid;
  align-content: start;
}
.accordion.column-once {
  grid-template-columns: 1fr;
  gap: var(--size-content-space-5xl);
}
.accordion.column-twice {
  grid-template-columns: 1fr 1fr;
  gap: var(--size-grid-gutter-variable);
}
.accordion.column-one-two {
  grid-template-columns: var(--column-one-two);
  gap: var(--size-grid-gutter-variable);
}
.accordion__descr {
  max-width: 1042px;
  display: grid;
  align-content: start;
  gap: var(--size-content-space-1xl);
}
.accordion__descr-title {
  color: var(--color-content-neutral-primary);
  font-family: var(--font-heading);
  font-size: var(--size-font-4xl-size);
  font-style: normal;
  font-weight: 700;
  line-height: var(--size-font-4xl-line);
}
.accordion__descr-subtitle {
  color: var(--color-content-neutral-secondary);
  font-family: var(--font-heading);
  font-size: var(--size-font-1xl-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--size-font-1xl-line);
  letter-spacing: var(--size-font-xl-letter-spacing);
}
.accordion__content {
  display: grid;
  gap: var(--size-content-space-1xl);
}

@container main (max-width: 1276px) {
  .accordion.column-one-two {
    grid-template-columns: 1fr 1fr;
  }
}
@container main (max-width: 1000px) {
  .accordion.column-twice {
    grid-template-columns: 1fr;
    gap: var(--size-content-space-5xl);
  }
  .accordion.column-one-two {
    grid-template-columns: 1fr;
    gap: var(--size-content-space-5xl);
  }
}/*# sourceMappingURL=accordion.css.map */