.mpire-case-study .fr-hero {
  background: #16213e;
}

.mpire-case-study .fr-hero-image {
  background-image: url('/assets/images/mpire-studios-case-study-hero.webp');
  background-position: right center;
  background-size: auto 100%;
}

.mpire-case-study .fr-hero h1 {
  max-width: 760px;
}

.mpire-case-study .fr-hero-copy {
  max-width: 650px;
}

.mpire-case-study .fr-result strong {
  font-size: clamp(23px, 2.4vw, 30px);
  line-height: 1.15;
}

.mpire-case-study .fr-quote-section blockquote > p {
  font-size: clamp(28px, 3.5vw, 44px);
  line-height: 1.3;
}

.mpire-case-study .fr-related-section {
  background: #fff;
  padding: 60px 0;
}

.mpire-case-study .fr-related-section h2 {
  color: #1a1a2e;
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.2;
  margin: 12px 0;
  max-width: 780px;
}

.mpire-case-study .fr-related-section > .fr-container > p:last-of-type {
  color: #68727c;
  margin-bottom: 18px;
}

.mpire-case-study .fr-related-section a {
  color: #0077b6;
  font-weight: 700;
}

.mpire-case-study .fr-related-section a:focus-visible {
  outline: 3px solid #4fc3f7;
  outline-offset: 4px;
}

@media (max-width: 720px) {
  .mpire-case-study .fr-hero-image {
    background-position: 62% top;
    background-size: auto 100%;
  }

  .mpire-case-study .fr-result {
    grid-template-columns: 125px minmax(0, 1fr);
  }
}