/*
 * Одна державна програма
 *
 * Зібрана з готового: .phero--flat (main.css), .prose, .btn, .split
 * (ui.css) і глобальна CTA «Підберемо квартиру». Своє тут — тільки банер
 * і кнопка PDF у липкій колонці; сама розкладка — спільний `.split`
 * (переїхав в ui.css 2026-09-10, коли знадобився вдруге — на звіті
 * «Ходу будівництва»).
 *
 * Чому не .media-row (і чому саме .split, а не він): у .media-row фото
 * тягнеться на висоту тексту, а тут ліворуч готовий банер із власною
 * пропорцією 3:2 — розтягнути його по довгому тексту означало б обрізати.
 *
 * Чергування фонів: flat-герой (subtle) → тіло canvas → CTA-final (фото).
 */

.dps__body {
    padding:    var(--section-gap) 0;
    background: var(--bg-canvas);
}

.dps__media { margin: 0; }
/* Пропорція не задається: банер — готовий креатив, обрізати його не можна. */
.dps__image {
    display: block;
    width:   100%;
    height:  auto;
}
.dps__pdf-icon {
    flex:   0 0 auto;
    width:  16px;
    height: 16px;
}

/* ── Адаптація ──────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .dps__body { padding: 80px 0; }
}

@media (max-width: 768px) {
    .dps__body { padding: 64px 0; }
}

@media (max-width: 480px) {
    .dps__body { padding: 48px 0; }
}