/* ============================================================
   Страница «Строим будущее с нулевыми выбросами» (ESG)
   Figma: ESG — 826:6189 (desktop), 889:226 (mobile)
   ============================================================ */

:root {
    --esg-green: #52ae30;
    --esg-green-dark: #006648;
    --esg-green-text: #3e8424;
    --esg-ink: #153335;
    --esg-ink-strong: #151617;
    --esg-text-2: #50545d;
    --esg-text-3: #6b7079;
    --esg-surface: #eff4f7;
    --esg-dark: #0a3033;
    --esg-dark-border: #2e5e61;
    --esg-font-head: var(--hero-font-family);
    --esg-font-body: var(--body-font-family);
}

main.esg {
    padding: 0;
}

/* Длинные слова без пробелов не должны ломать сетку */
.esg {
    overflow-wrap: anywhere;
}

/* ---------- Сетка страницы ---------- */

.esg-section {
    padding: 4rem 0;
}

.esg-container {
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    padding: 0 1rem;
}

/* ---------- Общая шапка секции ---------- */

.esg-head {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.esg-head__title {
    margin: 0;
    max-width: 63rem;
    font-family: var(--esg-font-head);
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.0125rem;
    color: var(--esg-ink);
}

.esg-head__text {
    margin: 0;
    max-width: 62rem;
    font-family: var(--esg-font-head);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--esg-ink);
}

/* Обновление */

.ipoteka-change-time-wrapper {
    padding: 1rem 0;
    background-color: var(--esg-surface);
    color: var(--on-surface-variant);
    font-size: .875rem;
    line-height: 1.28;
    font-weight: 400;
}

.ipoteka-change-time {
    font: inherit;
    color: inherit;
    gap: .25rem;
}

.ipoteka-change-time svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: var(--on-surface-variant);
}

@media (min-width: 768px) {
    .esg-section {
        padding: clamp(4rem, 8.33vw, 7.5rem) 0;
    }

    .esg-head {
        gap: 1rem;
    }

    .esg-head__title {
        font-size: clamp(2.5rem, 4.86vw, 4.375rem);
        line-height: 1.1;
    }

    .esg-head__text {
        font-size: 1.25rem;
    }
}