.unilabs-medical-quality {
  --unilabs-medical-quality-red: #e82d19;
  --unilabs-medical-quality-white: #ffffff;
  margin-top: 96px;
  color: var(--unilabs-medical-quality-white);
}

.unilabs-medical-quality *,
.unilabs-medical-quality *::before,
.unilabs-medical-quality *::after {
  box-sizing: border-box;
}

.unilabs-medical-quality__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  min-height: 32rem;
}

.unilabs-medical-quality__media {
  min-width: 0;
  min-height: 100%;
}

.unilabs-medical-quality__image,
.unilabs-medical-quality__image-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 32rem;
  object-fit: cover;
}

.unilabs-medical-quality__image-placeholder {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 55%),
    var(--unilabs-medical-quality-red);
}

.unilabs-medical-quality__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;
  padding: clamp(2rem, 4vw, 4rem);
  background: var(--unilabs-medical-quality-red);
  color: var(--unilabs-medical-quality-white);
}

.unilabs-medical-quality__title,
.unilabs-medical-quality__subtitle,
.unilabs-medical-quality__statement {
  margin: 0;
  color: var(--unilabs-medical-quality-white);
}

.unilabs-medical-quality__title {
  font-size: clamp(2rem, 3vw, 3.2rem);
  font-weight: 760;
  line-height: 1.08;
  letter-spacing: -0.04em;
  text-wrap: balance;
}

.unilabs-medical-quality__subtitle {
  font-size: clamp(1.2rem, 1.7vw, 1.5rem);
  line-height: 1.3;
}

.unilabs-medical-quality__statement {
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 900px) {
  .unilabs-medical-quality__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .unilabs-medical-quality__image,
  .unilabs-medical-quality__image-placeholder {
    min-height: 18rem;
  }
}