.enhanced-collapsible-content {
  position: relative;
  z-index: 0;
}

.enhanced-collapsible-content__grid {
  background-color: #fffdf7;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%236d7765' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

@media screen and (min-width: 750px) {
  .enhanced-collapsible-content__grid {
    display: grid;
    grid-template-columns: 60% 40%;
    align-items: end;
  }
}

@media screen and (min-width: 750px) {
  .enhanced-collapsible-content__grid--reverse {
    flex-direction: row-reverse;
  }
}

.enhanced-collapsible-content-wrapper-narrow {
  margin: 0 auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  max-width: 73.4rem;
}

.enhanced-collapsible-content__heading {
  margin-bottom: 2rem;
  margin-top: 0;
}

@media screen and (min-width: 750px) {
  .enhanced-collapsible-content__heading:not(.has-button) {
    margin-bottom: 3rem;
  }
}

.enhanced-collapsible-content__main-button {
  margin-bottom: 3rem;
}

.enhanced-collapsible-content .accordion {
  border-radius: 10px;
  border-top: 5px solid rgba(var(--color-background-offset));
  border-bottom: 0 none;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.38);
  margin: 20px;
  overflow: hidden;
  transition: all 300ms ease-out;
}

.enhanced-collapsible-content .accordion summary {
  line-height: 1.25;
  padding: 20px;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

@media screen and (min-width: 750px) {
  .enhanced-collapsible-content .accordion summary {
    flex-direction: row;
    gap: 20px;
  }
}

.enhanced-collapsible-content_title {
  min-height: 129px;
  display: flex;
  justify-content: start;
  align-items: center;
  
}

@media screen and (min-width: 750px) {
  .enhanced-collapsible-content_title {
    flex: 1 0 200px;
  }
}

.enhanced-collapsible-content_title:before {
  content: "";
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjUgMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjc2MzIyIDkuMzExNzZDMy43ODI1IDkuMTg4OTQgMy44MDM4OCA5LjA2NjgxIDMuODI3MzEgOC45NDU0MUwxMi4yODI2IDAuNDkwMDc5QzEyLjQwNCAwLjQ2NjY0OCAxMi41MjYyIDAuNDQ1MjcyIDEyLjY0OSAwLjQyNTk4OEwzLjc2MzIyIDkuMzExNzZaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMy42MzY3IDExLjI1MThDMy42MzQ0OSAxMS4xNjIzIDMuNjMzMzcgMTEuMDcyNiAzLjYzMzM3IDEwLjk4MjVDMy42MzMzNyAxMC45NzI2IDMuNjMzMzkgMTAuOTYyNyAzLjYzMzQxIDEwLjk1MjlMMTQuMjkwMSAwLjI5NjE4M0MxNC4zIDAuMjk2MTU2IDE0LjMwOTkgMC4yOTYxNDMgMTQuMzE5OCAwLjI5NjE0M0MxNC40MDk4IDAuMjk2MTQzIDE0LjQ5OTYgMC4yOTcyNTYgMTQuNTg5MSAwLjI5OTQ2OUwzLjYzNjcgMTEuMjUxOFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0zLjgwNDQ5IDEyLjg5NzZDMy43ODg5NSAxMi44MTE3IDMuNzc0NDMgMTIuNzI1NCAzLjc2MDk2IDEyLjYzODlMMTUuOTc2MSAwLjQyMzcyOEMxNi4wNjI3IDAuNDM3MjAxIDE2LjE0ODkgMC40NTE3MTUgMTYuMjM0OCAwLjQ2NzI1NUwzLjgwNDQ5IDEyLjg5NzZaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNNC4xNzI0OCAxNC4zNDMxQzQuMTQ3MzEgMTQuMjY3MSA0LjEyMjk3IDE0LjE5MDcgNC4wOTk0OCAxNC4xMTM5TDE3LjQ1MTEgMC43NjIyNDdDMTcuNTI3OSAwLjc4NTc0NCAxNy42MDQzIDAuODEwMDgzIDE3LjY4MDQgMC44MzUyNTNMNC4xNzI0OCAxNC4zNDMxWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTQuNjk1NzggMTUuNjMzNEM0LjY2MjgyIDE1LjU2NTMgNC42MzA1NSAxNS40OTY4IDQuNTk5IDE1LjQyNzlMMTguNzY1MSAxLjI2MTc3QzE4LjgzNCAxLjI5MzMyIDE4LjkwMjUgMS4zMjU1OSAxOC45NzA2IDEuMzU4NTVMNC42OTU3OCAxNS42MzM0WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTUuMzQ5NjIgMTYuNzkzMUM1LjMwOTg5IDE2LjczMTkgNS4yNzA3NyAxNi42NzAyIDUuMjMyMjcgMTYuNjA4MkwxOS45NDU0IDEuODk1MDRDMjAuMDA3NSAxLjkzMzU0IDIwLjA2OTEgMS45NzI2NiAyMC4xMzAzIDIuMDEyMzlMNS4zNDk2MiAxNi43OTMxWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTYuMTIwMTcgMTcuODM2MUM2LjA3NDIzIDE3Ljc4MTIgNi4wMjg4NCAxNy43MjU4IDUuOTg0IDE3LjY3TDIxLjAwNzIgMi42NDY3N0MyMS4wNjMgMi42OTE2MSAyMS4xMTg0IDIuNzM3IDIxLjE3MzMgMi43ODI5NEw2LjEyMDE3IDE3LjgzNjFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNNy4wMDA2OCAxOC43NjkxQzYuOTQ4NzcgMTguNzIwMyA2Ljg5NzM0IDE4LjY3MSA2Ljg0NjQxIDE4LjYyMTFMMjEuOTU4NCAzLjUwOTE4QzIyLjAwODIgMy41NjAxMSAyMi4wNTc1IDMuNjExNTQgMjIuMTA2MyAzLjY2MzQ1TDcuMDAwNjggMTguNzY5MVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik03Ljk4OTkyIDE5LjU5MzRDNy45MzE5NyAxOS41NTA3IDcuODc0NDYgMTkuNTA3NSA3LjgxNzQgMTkuNDYzN0wyMi44MDA5IDQuNDgwMTdDMjIuODQ0NyA0LjUzNzIzIDIyLjg4OCA0LjU5NDc0IDIyLjkzMDYgNC42NTI2OUw3Ljk4OTkyIDE5LjU5MzRaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNOS4wOTE4NiAyMC4zMDVDOS4wMjc1MSAyMC4yNjg5IDguOTYzNTYgMjAuMjMyIDguOTAwMDQgMjAuMTk0NkwyMy41MzE4IDUuNTYyODFDMjMuNTY5MyA1LjYyNjMzIDIzLjYwNjEgNS42OTAyOCAyMy42NDIzIDUuNzU0NjNMOS4wOTE4NiAyMC4zMDVaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTAuMzE2NiAyMC44OTM4QzEwLjI0NTEgMjAuODY0OSAxMC4xNzQgMjAuODM1MyAxMC4xMDMzIDIwLjgwNDlMMjQuMTQyMSA2Ljc2NjA1QzI0LjE3MjUgNi44MzY3NiAyNC4yMDIyIDYuOTA3ODcgMjQuMjMxMSA2Ljk3OTM1TDEwLjMxNjYgMjAuODkzOFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMS42ODI4IDIxLjM0MTFDMTEuNjAyOSAyMS4zMjA4IDExLjUyMzMgMjEuMjk5NyAxMS40NDQxIDIxLjI3NzZMMjQuNjE0OCA4LjEwNjkxQzI0LjYzNjkgOC4xODYxMiAyNC42NTgxIDguMjY1NjkgMjQuNjc4NCA4LjM0NTYyTDExLjY4MjggMjEuMzQxMVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMy4yMjQxIDIxLjYxMzRDMTMuMTMzNCAyMS42MDQyIDEzLjA0MyAyMS41OTM4IDEyLjk1MjkgMjEuNTgyM0wyNC45MTk2IDkuNjE1N0MyNC45MzExIDkuNzA1NzQgMjQuOTQxNCA5Ljc5NjEyIDI0Ljk1MDcgOS44ODY4NUwxMy4yMjQxIDIxLjYxMzRaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTUuMDAzNyAyMS42NDc0QzE0Ljg5ODIgMjEuNjU0MSAxNC43OTIzIDIxLjY1OTIgMTQuNjg2IDIxLjY2MjhMMjUgMTEuMzQ4OEMyNC45OTY0IDExLjQ1NTEgMjQuOTkxMyAxMS41NjEgMjQuOTg0NiAxMS42NjY0TDE1LjAwMzcgMjEuNjQ3NFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNy4xODM4IDIxLjI4MDhDMTcuMDQ5NCAyMS4zMTgxIDE2LjkxMzkgMjEuMzUyOCAxNi43Nzc0IDIxLjM4NUwyNC43MjIyIDEzLjQ0MDJDMjQuNjkwMSAxMy41NzY3IDI0LjY1NTMgMTMuNzEyMiAyNC42MTggMTMuODQ2NkwxNy4xODM4IDIxLjI4MDhaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjAuNzg5NiAxOS40ODg2QzIwLjQ4NjUgMTkuNzE5NSAyMC4xNzA2IDE5LjkzNDYgMTkuODQzMyAyMC4xMzI2TDIzLjQ2OTggMTYuNTA2MUMyMy4yNzE4IDE2LjgzMzQgMjMuMDU2NyAxNy4xNDkyIDIyLjgyNTggMTcuNDUyNEwyMC43ODk2IDE5LjQ4ODZaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTAuMDk5NyAxLjE2MTdMNC40OTg5NCA2Ljc2MjVDNC41ODEzMSA2LjU3MTA1IDQuNjY5MTIgNi4zODI0OCA0Ljc2MjE3IDYuMTk3MDFMOS41MzQyNCAxLjQyNDk0QzkuNzE5NzIgMS4zMzE4OSA5LjkwODI4IDEuMjQ0MDggMTAuMDk5NyAxLjE2MTdaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMjEuMzcyOCAxMC45ODI1QzIxLjM3MjggMTYuODg0NSAxNi41ODgzIDIxLjY2ODkgMTAuNjg2NCAyMS42Njg5QzQuNzg0NDYgMjEuNjY4OSAwIDE2Ljg4NDUgMCAxMC45ODI1QzAgNS4wODA2IDQuNzg0NDYgMC4yOTYxNDMgMTAuNjg2NCAwLjI5NjE0M0MxNi41ODgzIDAuMjk2MTQzIDIxLjM3MjggNS4wODA2IDIxLjM3MjggMTAuOTgyNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K);
  mask-type: alpha;
  mask-repeat: no-repeat;
  background-color: rgba(var(--color-background-offset));
  width: 150px;
  height: 129px;
  display: block;
  position: absolute;
}

.enhanced-collapsible-content_title .accordion__title {
  max-width: none;
  min-height: auto;
  background: rgba(var(--color-background));
  z-index: 9;
  margin-left: 2em;
  padding: 2px 8px;
  border-radius: 20px;
  flex-grow: 1;
  font-size: calc(var(--font-heading-scale) * 2rem);
  word-break: normal;
}

.enhanced-collapsible-content .accordion:hover {
  transform: scale(1.04);
}

.enhanced-collapsible-content_buttons {
  display: flex;
  gap: 10px;
  align-items: center;
}

.enhanced-collapsible-content_button {
  padding: 5px 8px;
}

.enhanced-collapsible-content_expand-button {
  display: flex;
  gap: 10px;
}

.enhanced-collapsible-content_caret {
  width: 13px;
  display: flex;
  align-items: center;
}

.enhanced-collapsible-content
  details[open]
  .enhanced-collapsible-content_caret {
  transform: rotate(180deg);
}

.enhanced-collapsible-content_caret svg {
  width: 100%;
}

.enhanced-collapsible-content .accordion__content {
  border-top: 1px solid rgba(var(--color-foreground), 0.4);
  border-bottom: 5px solid rgba(var(--color-background-offset));
  padding: 40px;
  line-height: 1.25;
  background-color: white;
  margin: 0;
}

.enhanced-collapsible-content .accordion__content li {
  list-style-position: outside;
}

.accordion__content .enhanced-collapsible-content_button {
  margin-top: 10px;
}

@media screen and (min-width: 750px) {
.enhanced-collapsible-content__image {
  position: sticky;
    bottom: 0;
    overflow: visible;
  will-change: transform;
}
}

.enhanced-collapsible-content__media {
  border: 0 none;
}

/* Needed for gradient continuity with or without animation so that transparent PNG images come up as we would expect */
.enhanced-collapsible-content__media {
  background: transparent;
}

.enhanced-collapsible-content__media--small {
  height: 19.4rem;
}

.enhanced-collapsible-content__media--large {
  height: 43.5rem;
}

@media screen and (min-width: 750px) {
  .enhanced-collapsible-content__media--small {
    height: 31.4rem;
  }

  .enhanced-collapsible-content__media--large {
    height: 69.5rem;
  }
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  @media screen and (min-width: 750px) {
    .enhanced-collapsible-content__grid:not(
        .enhanced-collapsible-content__grid--reverse
      )
      .grid__item:last-child,
    .enhanced-collapsible-content__grid--reverse
      .enhanced-collapsible-content__grid-item {
      padding-left: 5rem;
      padding-right: 0;
    }
  }

  @media screen and (min-width: 990px) {
    .enhanced-collapsible-content__grid:not(
        .enhanced-collapsible-content__grid--reverse
      )
      .grid__item:last-child,
    .enhanced-collapsible-content__grid--reverse
      .enhanced-collapsible-content__grid-item {
      padding-left: 7rem;
    }
  }
}