/**
 * ЭПД: фон страницы (hero photo — общий).
 * Секции подключаются через <link> в _page_layout (не @import — AssetMapper отдаёт 404).
 */

.epd {
    background-color: var(--site-surface);
    color: var(--site-text-primary);
}

body.epd.site-page {
    background-color: var(--site-surface);
}

@media (min-width: 48rem) {
    .hero--epd .hero__title {
        max-width: 32rem;
    }
}

@media (min-width: 64rem) {
    .hero--epd .hero__title {
        max-width: 32rem;
    }
}