/* БЛОК: hero — сплит-layout (фото слева, текст справа), включая свои брейкпоинты */

.hero { padding: 40px 0 56px; background: var(--color-bg-alt); }
.hero__inner { display: grid; grid-template-columns: 1fr; gap: 28px; align-items: center; }

.hero__photo-wrap {
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}
.hero__photo {
  width: 100%;
  height: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  object-position: 30% 15%; /* лицо смещено влево на фото — подтягиваем кроп к нему */
  display: block;
}

.hero__title { font-size: 28px; margin-bottom: 16px; color: var(--color-secondary); }
.hero__subtitle { font-size: 16px; color: var(--color-text-muted); margin-bottom: 24px; }
.hero__actions { display: flex; }
.hero__price-note {
  margin-top: 14px;
  font-size: 14px;
  color: var(--color-primary);
  font-weight: 700;
}

@media (min-width: 768px) {
  .hero { padding: 64px 0 80px; }
  .hero__inner { grid-template-columns: 1fr 1.15fr; gap: 48px; }
  .hero__photo { aspect-ratio: 3/4; object-position: 60% 10%; }
  .hero__title { font-size: 36px; }
  .hero__subtitle { font-size: 17px; }
}

@media (min-width: 1200px) {
  .hero__title { font-size: 42px; }
}