.accordion {
  --accordion-icon-transform: ;
  --accordion-item-max-width: none;
  --accordion-label-direction: space-between;
  --accordion-text-padding-x: 16px;
  --accordion-text-template-rows: 0fr;
}
@media (min-width: 992px) {
  .accordion {
    --accordion-text-padding-x: 32px;
  }
}
.accordion__item {
  text-align: left;
  max-width: var(--accordion-item-max-width);
  margin: 0 auto 16px;
  padding: 0 6px;
  border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 15%, transparent);
}
@media (min-width: 768px) {
  .accordion__item {
    --accordion-item-max-width: 720px;
  }
}
@media (min-width: 768px) {
  .accordion__col .accordion__item {
    --accordion-item-max-width: none;
  }
}
.accordion__trigger {
  display: none;
}
.accordion__label {
  display: flex;
  align-items: center;
  justify-content: var(--accordion-label-direction);
  gap: var(--accordion-item-indent);
  color: currentcolor;
  cursor: pointer;
  padding: var(--accordion-item-indent) 0;
  font-weight: var(--font-weight-bold);
}
[style*="--accordion-item-icon-position: left"] .accordion__label {
  --accordion-label-direction: flex-start;
}
.accordion__icon {
  position: relative;
  height: var(--accordion-item-indent);
  width: var(--accordion-item-indent);
}
.accordion__icon::after, .accordion__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 2px;
  width: var(--accordion-item-indent);
  background: var(--color-outline);
  transform: translate(-50%, -50%) var(--accordion-icon-transform);
  transition: transform var(--transition-duration) var(--transition-function);
}
.accordion__icon::after {
  --accordion-icon-transform: rotate(90deg);
}
:checked ~ .accordion__label .accordion__icon::after {
  --accordion-icon-transform: rotate(0deg);
}
.accordion__text {
  display: grid;
  grid-template-rows: var(--accordion-text-template-rows);
  padding: 0 var(--accordion-text-padding-x);
  transition: grid-template-rows var(--transition-duration) var(--transition-function);
}
.accordion__text-inner {
  overflow: hidden;
}
:checked ~ .accordion__text {
  --accordion-text-template-rows: 1fr;
}

.about {
  --about-accordion-icon-opacity: 1;
  --about-accordion-icon-size: 14px;
  --about-accordion-icon-transform: ;
  --about-accordion-item-indent: 32px;
  --about-accordion-item-line-bottom: 50%;
  --about-accordion-item-line-top: 50%;
  --about-accordion-item-margin-right: 0;
  --about-accordion-item-margin-top: 16px;
  --about-accordion-text-indent: 16px;
  --about-accordion-text-template-rows: 0fr;
  --about-border-radius: 0;
  --about-btn-gap: 0;
  --about-btn-margin-top: 16px;
  --about-buttons-direction: column;
  --about-buttons-margin-top: 32px;
  --about-col-display: flex;
  --about-col-direction: column;
  --about-col-first-order: 2;
  --about-col-first-width: 100%;
  --about-col-gap: 46px;
  --about-col-indent-x-mobile: 16px;
  --about-col-indent-x-desktop: 40px;
  --about-col-last-order: 2;
  --about-col-last-width: 100%;
  --about-col-padding-left: 0;
  --about-col-padding-right: 0;
  --about-description-margin-top: 40px;
  --about-heading-margin-top: 20px;
  --about-highlight-content-background: transparent;
  --about-highlight-content-border-radius: 0;
  --about-highlight-content-padding: 0;
  --about-highlight-margin-top: 24px;
  --about-highlight-wrapper-columns: 1fr;
  --about-highlight-wrapper-gap: 16px;
  --about-tagline-margin-top: 20px;
}
@media (min-width: 567px) {
  .about {
    --about-btn-gap: 16px;
    --about-buttons-direction: row;
  }
}
@media (min-width: 992px) {
  .about {
    --about-btn-gap: 24px;
    --about-btn-margin-top: 46px;
    --about-col-direction: row;
    --about-highlight-margin-top: 40px;
    --about-highlight-wrapper-gap: 24px;
  }
}
@media (min-width: 1280px) {
  .about {
    --about-highlight-wrapper-columns: repeat(2, 1fr);
  }
}
.about__wrapper {
  --about-content-justify: var(--about-content-horizontal-alignment, flex-start);
  --about-content-text-justify: var(--about-content-text-horizontal-alignment, left);
  --section-padding-bottom: var(--padding-bottom-mobile, 16px);
  --section-padding-top: var(--padding-top-mobile, 16px);
  position: relative;
  color: var(--color-primary, #000);
  background: var(--background-primary, #fff);
  border-radius: var(--about-border-radius);
  text-align: var(--about-content-text-justify);
}
@media (min-width: 992px) {
  .about__wrapper {
    --section-padding-bottom: var(--padding-bottom-desktop, 40px);
    --section-padding-top: var(--padding-top-desktop, 40px);
  }
}
.about__wrapper--padding-top:not(:empty) {
  padding-top: var(--section-padding-top);
}
.about__wrapper--padding-bottom:not(:empty) {
  padding-bottom: var(--section-padding-bottom);
}
.about__container .about__wrapper {
  --about-border-radius: var(--border-radius-block);
}
@media (min-width: 992px) {
  .about__container .about__wrapper {
    --about-col-gap: 0;
  }
}
.about__wrapper[style*="--about-highlight-content-direction: row"] {
  --about-highlight-content-border-radius: var(--border-radius-block);
  --about-highlight-content-background: color-mix(in srgb, var(--color-primary) 15%, transparent);
  --about-highlight-content-padding: 16px;
  --about-highlight-wrapper-columns: repeat(2, 1fr);
}
@media (min-width: 992px) {
  .about__wrapper[style*="--about-highlight-content-direction: row"] {
    --about-highlight-content-padding: 24px;
  }
}
.about__heading {
  margin: var(--about-heading-margin-top) 0 0;
}
.about__heading:first-child {
  --about-heading-margin-top: 0;
}
.about__tagline {
  margin: var(--about-tagline-margin-top) 0 0;
}
.about__tagline:first-child {
  --about-tagline-margin-top: 0;
}
.about__description:not(:first-child) {
  margin-top: var(--about-description-margin-top);
}
.about__description *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.about__heading + .about__description {
  --about-description-margin-top: 24px;
}
.about__buttons {
  --about-btn-margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: var(--about-content-justify);
  flex-direction: var(--about-buttons-direction);
  flex-wrap: wrap;
  gap: var(--about-btn-gap);
}
.about__buttons:not(:first-child) {
  margin-top: var(--about-buttons-margin-top);
}
.about__btn-wrapper:not(:first-child) {
  margin-top: var(--about-btn-margin-top);
}
@media (min-width: 567px) {
  .about__buttons .about__btn-wrapper:not(:first-child) {
    --about-btn-margin-top: 0;
  }
}
.about__highlight {
  display: inline-block;
  vertical-align: top;
  margin-top: var(--about-highlight-margin-top);
}
.about__highlight-content {
  border-radius: var(--about-highlight-content-border-radius);
  background: var(--about-highlight-content-background);
  padding: var(--about-highlight-content-padding);
  height: 100%;
  width: 100%;
}
.about__highlight-heading {
  margin-bottom: 12px;
}
.about__highlight-text {
  line-height: 1.3333;
}
.about__highlight-text p:last-child {
  margin: 0;
}
.about__highlight-wrapper {
  --about-highlight-margin-top: 0;
  display: grid;
  grid-template-columns: var(--about-highlight-wrapper-columns);
  gap: var(--about-highlight-wrapper-gap);
  margin-top: 40px;
  width: 100%;
}
.about__col > .about__highlight:first-child {
  --about-highlight-margin-top: 0;
}
.about__col {
  display: flex;
  align-items: var(--about-content-justify);
  flex-direction: column;
  padding: 0 var(--about-col-padding-right) 0 var(--about-col-padding-left);
}
.about__col:first-child {
  width: var(--about-col-first-width);
  order: var(--about-col-first-order);
}
@media (min-width: 992px) {
  .about__col:first-child:not(:empty) {
    --about-col-first-width: 43%;
  }
}
@media (min-width: 1280px) {
  .about__container > .about__wrapper .about__col:first-child:not(:only-child) {
    margin: 0 var(--about-col-indent-x-desktop);
  }
}
.about__col {
  /* stylelint-disable-next-line */
}
.about__col:last-child {
  width: var(--about-col-last-width);
  order: var(--about-col-last-order);
  /* stylelint-disable-next-line */
}
@media (min-width: 992px) {
  .about__col:last-child:not(:empty) {
    --about-col-last-width: 57%;
  }
}
.about__col:has([style*="--about-image-position: left"]) {
  --about-col-last-order: 1;
}
.about__col {
  /* stylelint-disable-next-line */
}
.about__container > .about__wrapper .about__col {
  --about-col-padding-left: var(--about-col-indent-x-mobile);
  --about-col-padding-right: var(--about-col-indent-x-mobile);
}
@media (min-width: 992px) {
  .about__container > .about__wrapper .about__col {
    --about-col-padding-left: var(--about-col-indent-x-desktop);
    --about-col-padding-right: var(--about-col-indent-x-desktop);
  }
}
.about__columns {
  display: var(--about-col-display);
  align-items: center;
  flex-direction: var(--about-col-direction);
  gap: var(--about-col-gap);
}
.about__columns:has(.about__col + .about__col:empty) {
  --about-col-display: block;
}
@media (min-width: 992px) {
  .about__columns:has(.about__col + .about__col:empty) .about__col:first-child:not(:empty) {
    --about-col-first-width: 100%;
  }
}
@media (min-width: 992px) {
  .about__columns:has(.about__col + .about__col:empty) .about__col:last-child:not(:empty) {
    --about-col-last-width: 0;
  }
}
.about__columns:has(.about__col:first-child:empty + .about__col) {
  --about-col-display: block;
}
@media (min-width: 992px) {
  .about__columns:has(.about__col:first-child:empty + .about__col) .about__col:first-child:not(:empty) {
    --about-col-first-width: 0;
  }
}
@media (min-width: 992px) {
  .about__columns:has(.about__col:first-child:empty + .about__col) .about__col:last-child:not(:empty) {
    --about-col-last-width: 100%;
  }
}
.about__image-wrapper {
  border-radius: var(--border-radius-block);
  overflow: clip;
}
.about-accordion__item {
  padding: var(--about-accordion-item-indent);
  margin: var(--about-accordion-item-margin-top) var(--about-accordion-item-margin-right) 0 0;
  border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 15%, transparent);
  position: relative;
}
@media (min-width: 1440px) {
  .about-accordion__item {
    --about-accordion-item-margin-right: clamp(30px, 3.5vw, 80px);
  }
}
.about-accordion__item::before {
  content: "";
  position: absolute;
  top: var(--about-accordion-item-line-top);
  bottom: var(--about-accordion-item-line-bottom);
  left: 0;
  width: 2px;
  background: var(--background-accent);
  transition: all var(--transition-duration) var(--transition-function);
}
.about-accordion__item:has(:checked)::before {
  --about-accordion-item-line-top: var(--about-accordion-item-indent);
  --about-accordion-item-line-bottom: var(--about-accordion-item-indent);
}
.about-accordion__item:first-child {
  --about-accordion-item-margin-top: 0;
}
.about-accordion .about-accordion__item {
  --about-accordion-item-margin-top: 0;
}
.about-accordion__trigger {
  display: none;
}
.about-accordion__label {
  display: flex;
  align-items: center;
  position: relative;
  color: currentcolor;
  cursor: pointer;
  font-weight: var(--font-weight-bold);
  font-size: clamp(24px, calc(var(--font-size-h4) * 100vw / var(--max-width-value)), 40px);
  padding: 0 0 var(--about-accordion-text-indent);
}
.about-accordion__text {
  display: grid;
  grid-template-rows: var(--about-accordion-text-template-rows);
  padding: var(--about-accordion-text-indent) 0 0;
  font-size: clamp(14px, var(--font-size-base) - 2px, 20px);
  transition: grid-template-rows var(--transition-duration) var(--transition-function), padding var(--transition-duration) var(--transition-function);
}
.about-accordion__text-inner {
  overflow: hidden;
}
:checked ~ .about-accordion__text {
  --about-accordion-text-template-rows: 1fr;
  --about-accordion-text-indent: 0;
}
.about-accordion__icon {
  position: absolute;
  top: 100%;
  left: 0;
  height: var(--about-accordion-icon-size);
  width: var(--about-accordion-icon-size);
}
.about-accordion__icon-text {
  font-size: clamp(14px, var(--font-size-base) - 2px, 18px);
  white-space: nowrap;
  position: absolute;
  left: 27px;
  top: 50%;
  opacity: var(--about-accordion-icon-opacity);
  transform: translate(0, -50%);
  transition: all var(--transition-duration) var(--transition-function);
}
:checked ~ [class*=__label] .about-accordion__icon-text {
  --about-accordion-icon-opacity: 0;
}
.about-accordion__icon::after, .about-accordion__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 2px;
  width: var(--about-accordion-icon-size);
  opacity: var(--about-accordion-icon-opacity);
  background: var(--color-outline);
  transform: translate(0, -50%) var(--about-accordion-icon-transform);
  transition: all var(--transition-duration) var(--transition-function);
}
:checked ~ [class*=__label] .about-accordion__icon::after, :checked ~ [class*=__label] .about-accordion__icon::before {
  --about-accordion-icon-opacity: 0;
}
.about-accordion__icon {
  /* stylelint-disable-next-line */
}
.about-accordion__icon::after {
  --about-accordion-icon-transform: rotate(90deg);
}
.about-accordion:not(:first-child) {
  margin-top: var(--about-accordion-item-margin-top);
}