.randlab-case-study {
  --randlab-color-navy: #354b8e;
  --randlab-color-heading: #7895c8;
  --randlab-color-text: #3e3e42;
  --randlab-color-surface: #f3f5f9;
  --randlab-color-white: #ffffff;
  --randlab-color-companion: #8da5cf;
  --randlab-color-production: #0063b6;
  --randlab-color-equine: #626262;
  --randlab-radius-card: 24px;
  --randlab-radius-small: 14px;
  --randlab-shadow-card: 0 18px 42px rgba(24, 40, 82, 0.1);
  --randlab-space-small: 12px;
  --randlab-space-medium: 24px;
  --randlab-space-large: 42px;
  --randlab-font: Calibri, Arial, sans-serif;
  color: var(--randlab-color-text);
  font-family: var(--randlab-font);
}
.randlab-case-study,
.randlab-case-study *,
.randlab-case-study *::before,
.randlab-case-study *::after {
  box-sizing: border-box;
}
.randlab-case-study h2,
.randlab-case-study h3,
.randlab-case-study p,
.randlab-case-study ul,
.randlab-case-study ol,
.randlab-case-study figure {
  margin-top: 0;
}
.randlab-case-study h2,
.randlab-case-study h3 {
  line-height: 1.12;
  text-transform: none;
}
.randlab-case-study h2 {
  margin-bottom: var(--randlab-space-small);
  color: var(--randlab-color-heading);
  font-size: clamp(25px, 2.5vw, 34px);
}
.randlab-case-study h3 {
  margin-bottom: 8px;
  color: var(--randlab-color-heading);
  font-size: clamp(21px, 2vw, 27px);
}
.randlab-case-study p,
.randlab-case-study li {
  color: var(--randlab-color-text);
  font-size: clamp(16px, 1.5vw, 18px);
  line-height: 1.5;
}
.randlab-case-study p {
  margin-bottom: 18px;
}
.randlab-case-study sup {
  top: -0.35em;
  font-size: 0.72em;
}
.randlab-case-study__intro {
  display: grid;
  margin-bottom: var(--randlab-space-large);
  padding: clamp(26px, 4vw, 48px);
  grid-template-columns: minmax(0, 1fr) minmax(150px, 220px);
  align-items: center;
  gap: 32px;
  border-left: 8px solid var(--randlab-color-navy);
  border-radius: var(--randlab-radius-card);
  background: var(--randlab-color-surface);
}
.randlab-case-study__intro h2 {
  max-width: 820px;
  margin: 0;
  color: var(--randlab-color-text);
  font-size: clamp(30px, 3.6vw, 47px);
}
.randlab-case-study__logo {
  display: block;
  width: 100%;
  max-width: 210px;
  margin: 0 auto;
}
.randlab-case-study__opening {
  margin-bottom: var(--randlab-space-large);
}
.randlab-case-study__opening > section + section {
  margin-top: clamp(38px, 5vw, 64px);
}
.randlab-case-study__visuals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: clamp(34px, 5vw, 64px);
}
.randlab-case-study__visuals .randlab-infographic, .randlab-case-study__visuals .randlab-revenue {
  height: 100%;
  margin: 0;
}
.randlab-case-study__detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 34px;
}
.randlab-case-study__column > section + section {
  margin-top: 34px;
}
.randlab-case-study__details {
  margin-top: var(--randlab-space-large);
  padding: clamp(28px, 4vw, 48px);
  border-radius: var(--randlab-radius-card);
  background: var(--randlab-color-surface);
  box-shadow: var(--randlab-shadow-card);
}
.randlab-case-study__opportunities {
  margin: 16px 0 0;
  padding: 0;
}
.randlab-case-study__opportunities li {
  margin: 0 0 14px 22px;
  padding-left: 5px;
}
.randlab-case-study__footnotes {
  margin: 22px 0 0;
  padding: 16px 0 0 19px;
  border-top: 1px solid rgba(53, 75, 142, 0.18);
}
.randlab-case-study__footnotes li {
  margin: 0 0 5px;
  padding-left: 4px;
  font-size: 13px;
  line-height: 1.35;
}

.randlab-infographic {
  margin: 40px 0 0;
  padding: 28px;
  border-radius: var(--randlab-radius-card);
  background: var(--randlab-color-surface);
  box-shadow: var(--randlab-shadow-card);
}
.randlab-infographic figcaption {
  margin-bottom: 22px;
  color: var(--randlab-color-text);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
}
.randlab-infographic__image {
  display: block;
  width: 100%;
  max-width: 520px;
  height: auto;
  margin: 0 auto;
}

.randlab-revenue {
  margin-top: 40px;
  padding: 28px;
  border-radius: var(--randlab-radius-card);
  background: var(--randlab-color-white);
  box-shadow: var(--randlab-shadow-card);
}
.randlab-revenue__heading {
  margin-bottom: 24px !important;
  color: var(--randlab-color-text) !important;
  font-size: 18px !important;
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase !important;
}
.randlab-revenue__images {
  display: grid;
  margin: 0 auto 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.randlab-revenue__chart-image {
  display: block;
  width: 100%;
  height: auto;
}
.randlab-revenue__legend {
  display: flex;
  margin: 6px 0 18px !important;
  padding: 0;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 18px;
  list-style: none;
}
.randlab-revenue__legend li {
  display: inline-flex;
  margin: 0 !important;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  line-height: 1.2;
}
.randlab-revenue__swatch {
  display: inline-block;
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
  border-radius: 50%;
}
.randlab-revenue__swatch--companion {
  background: var(--randlab-color-companion);
}
.randlab-revenue__swatch--production {
  background: var(--randlab-color-production);
}
.randlab-revenue__swatch--equine {
  background: var(--randlab-color-equine);
}
.randlab-revenue__source {
  margin: 0;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

@media (max-width: 991px) {
  .randlab-case-study__visuals {
    grid-template-columns: 1fr;
  }
  .randlab-case-study__details {
    padding: 30px;
  }
  .randlab-infographic,
  .randlab-revenue {
    max-width: 620px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 640px) {
  .randlab-case-study__intro {
    padding: 25px 20px;
    grid-template-columns: 1fr;
    text-align: center;
  }
  .randlab-case-study__logo {
    max-width: 170px;
  }
  .randlab-case-study__details {
    margin-right: -15px;
    margin-left: -15px;
    padding: 26px 20px;
    border-radius: 0;
  }
  .randlab-infographic {
    padding: 24px 18px;
  }
  .randlab-revenue {
    padding: 24px 18px;
  }
  .randlab-revenue__images {
    grid-template-columns: 1fr;
  }
}

/*# sourceMappingURL=randlab-case-study.css.map */