/* v0.3.0 Success Story hierarchy, mobile alignment and About hero update */

.xa-results-carousel .xa-result h3 {
  margin-bottom: 3px;
}

.xa-results-carousel .xa-result > .xa-result__type {
  display: block;
  margin: 0 24px 10px;
  color: var(--xa-red);
  font-family: var(--xa-head);
  font-size: 1rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.xa-transformation-card__type,
.xa-story__type {
  margin: 2px 0 18px;
  color: var(--xa-red);
  font-family: var(--xa-head);
  font-size: clamp(1.2rem, 1.7vw, 1.6rem);
  font-style: italic;
  font-weight: 700;
  line-height: 1.05;
  text-transform: uppercase;
}

.xa-story__summary .xa-story__type {
  margin-top: -10px;
}

.xa-story__comparison:not(.xa-story__comparison--composite) figure:only-child {
  grid-column: 1 / -1;
  width: min(100%, 620px);
  justify-self: center;
}

.xa-story__comparison:not(.xa-story__comparison--composite) img {
  display: block;
  margin-inline: auto;
  object-position: center center;
}

.page-template-page-about-us .xa-inner-hero__media img {
  object-position: center top;
}

@media (max-width: 780px) {
  .xa-results-carousel .xa-result > .xa-result__type {
    margin: 0 18px 8px;
    font-size: .9rem;
    line-height: 1;
  }

  .xa-story__comparison:not(.xa-story__comparison--composite) {
    justify-items: center;
  }

  .xa-story__comparison:not(.xa-story__comparison--composite) figure {
    width: min(100%, 520px);
  }

  .xa-home .xa-blog article:first-child h3,
  .xa-home .xa-blog article h3 {
    font-size: 1.6rem;
    line-height: 1.05;
  }

  .page-template-page-about-us .xa-inner-hero__media img {
    object-position: center top;
  }
}