.description-toggle {
  display: none;
}

@media (min-width: 1051px) {
  .portfolio-page {
    min-height: 0;
    padding-bottom: 166px;
  }

  .case-description.is-collapsible:not(.is-expanded) {
    display: flex;
    flex-direction: column;
    height: var(--media-height);
    gap: 12px;
  }

  .case-description.is-collapsible:not(.is-expanded) .description-content {
    flex: 0 0 auto;
    max-height: var(--description-height);
    overflow: hidden;
  }

  .description-toggle:not([hidden]) {
    display: block;
    align-self: flex-start;
    flex: 0 0 auto;
    margin: 12px 0 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: 23px;
    text-align: left;
    text-transform: none;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
  }

  .case-description.is-collapsible:not(.is-expanded) .description-toggle {
    margin-top: auto;
  }

  .description-toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
  }
}
.case-description a {
  color: inherit;
  text-underline-offset: 0.12em;
}
.case-description {
  text-transform: none;
}

.case-description h2 {
  font-size: 17px;
  font-weight: 500;
  text-transform: uppercase;
}