/* ============================================================
   ABM Partner — СЕКЦИЯ «ПОМОЩЬ ДЕТЯМ»
   Благотворительный фонд «Жизнь как чудо». Использует общий
   блок .split из layout.css.
   ============================================================ */

.fund {
    /* Секция идёт сразу после писем — отступ сверху меньше,
       чтобы не было «воздуха» перед футером. */
    padding-block: var(--pad-section) calc(var(--pad-section) * 0.75);
}

/* Пропорция колонок: медиа шире текста */
.fund .split {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
}

/* Логотип фонда поверх фото */
.fund__badge {
    position: absolute;
    top: 2%;
    left: 3%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.875rem;
    height: 9.375rem;
    background: transparent;
    overflow: hidden;
    animation: fund-float 7s ease-in-out infinite;
}

.fund__badge img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.5em;
}

@keyframes fund-float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-0.625rem); }
}

/* На мобиле текст раздела идёт перед иллюстрацией */
@media (max-width: 61.25rem) {  /* 980px */
    .fund .split {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
    .fund .split__media,
    .fund .split__content {
        display: contents;
    }
    .fund .section__pretitle { order: 1; }
    .fund .section__title    { order: 2; }
    .fund .split__visual {
        order: 3;
        max-width: 100%;
        width: 100%;
        margin-inline: 0;
    }
    .fund .split__text {
        order: 4;
        margin-top: clamp(1.5rem, 4vw, 2rem);
    }
    .fund .split__cta { order: 5; }
}

@media (prefers-reduced-motion: reduce) {
    .fund__badge {
        animation: none !important;
    }
}