.home-about {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 255, 251, 0.96)),
    var(--color-white);
}

.home-about-panel {
  display: block;
  min-height: 560px;
  padding: var(--spacing-2xl);
  background:
    linear-gradient(90deg, rgba(31, 45, 42, 0.74), rgba(31, 45, 42, 0.28) 52%, rgba(31, 45, 42, 0.08)),
    url("https://lekar-mdc.ru/wp-content/uploads/2021/12/20181009_132210-scaled.jpg") center / cover;
  border-radius: var(--radius-2xl);
  overflow: hidden;
}

.home-about-panel::before {
  background: linear-gradient(180deg, rgba(31, 45, 42, 0), rgba(31, 45, 42, 0.5));
  border-radius: inherit;
}

.home-about-content {
  max-width: 650px;
}

.home-about-title {
  max-width: 620px;
  font-size: clamp(2.25rem, 4.6vw, 4rem);
}

.home-about-text {
  max-width: 560px;
  font-size: clamp(1rem, 1.5vw, 1.18rem);
}

.home-about-action {
  position: relative;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-top: var(--spacing-xl);
  padding: 0 var(--spacing-xl);
  color: var(--color-text);
  background: var(--color-white);
  border-radius: var(--radius-full);
  box-shadow: var(--shadow-md);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.home-about-action:hover {
  color: var(--color-text);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

@media (max-width: 991px) {
  .home-about-panel {
    min-height: 0;
  }
}

@media (max-width: 575px) {
  .home-about-panel {
    padding: var(--spacing-lg);
  }

  .home-about-title {
    font-size: 2rem;
  }

}