/* stylelint-disable */
.case-study {
  display: grid;
  row-gap: var(--spacing-xxlarge);
}
.case-study-wrapper {
  margin-top: var(--spacing-xxlarge);
}
.case-study__row {
  display: grid;
  column-gap: var(--spacing-xxlarge);
  overflow: hidden;
}
@media (min-width: 768px) {
  .case-study__row {
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .case-study__row {
    grid-template-columns: repeat(auto-fit, 28%);
  }
}
@media (max-width: 1023.98px) {
  .case-study__row {
    row-gap: var(--spacing-xxlarge);
  }
}
.case-study__card-container {
  display: grid;
  row-gap: var(--spacing-medium);
  width: 100%;
  justify-self: center;
  overflow: hidden;
}
@media (min-width: 768px) {
  .case-study__card-container {
    grid-template-rows: subgrid;
    grid-row: span 4;
    grid-template-areas: "image" "title" "description" "button";
  }
}
@media (min-width: 768px) {
  .case-study__card-image {
    grid-area: image;
  }
}
.case-study__card-image img {
  width: 100%;
}
.case-study__card-image--dark {
  display: none;
}
.case-study__card-title {
  margin: 0;
  font-size: clamp(26px, 2vw, 36px);
  hyphens: auto;
}
@media (min-width: 768px) {
  .case-study__card-title {
    grid-area: title;
  }
}
@media (max-width: 1023.98px) {
  .case-study__card-title {
    font-size: var(--heading-font-size-m);
  }
}
.case-study__card-description-wrapper {
  font-size: clamp(14px, 2vw, 18px);
  display: grid;
  gap: var(--spacing-medium);
}
@media (min-width: 768px) {
  .case-study__card-description-wrapper {
    grid-area: description;
  }
}
@media (max-width: 1023.98px) {
  .case-study__card-description-wrapper {
    font-size: var(--text-size-regular);
  }
}
.case-study__card-cta {
  height: fit-content;
  width: fit-content;
  position: relative;
}
@media (min-width: 768px) {
  .case-study__card-cta {
    grid-area: button;
  }
}
.case-study__card-cta.button:focus, .case-study__card-cta.button:focus-visible {
  opacity: 1;
}
.case-study__card-cta.secondary:focus-visible:after {
  border: 3px solid var(--dark-grey);
}

/* Dark mode */
.dark-mode .case-study__card-image {
  display: none;
}
.dark-mode .case-study__card-image--dark {
  display: flex;
}

/* Inverted section */
.inverted .case-study__card-image {
  display: none;
}
.inverted .case-study__card-image--dark {
  display: flex;
}

/* Dark mode AND inverted section */
.dark-mode .inverted .case-study__card-image {
  display: flex;
}
.dark-mode .inverted .case-study__card-image--dark {
  display: none;
}