/*------------------------------------------------
Hero
------------------------------------------------*/
.hero.ahead-approach {
    background-image: url("https://ahead.africa/wp-content/uploads/2024/10/shapes-tile-yellow-1.svg");
}
.hero.ahead-approach h1 {
    margin-bottom: 1em;
}
.hero.ahead-approach figure {
    margin: auto;
    width: fit-content;
}

.support-divider .shape {
    position: absolute;
    right: 0;
    top: 20%;
    translate: 0 -50%;
    max-width: clamp(50px, 8%, 100px);
    z-index: 1;
}

/*------------------------------------------------
Informed By
------------------------------------------------*/
.informed-by {
    position: relative;
    isolation: isolate;
    margin: 0;
}
.informed-by > .wp-block-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin: 0;
}

.informed-by .content {
    padding-bottom: calc(var(--wp--preset--spacing--80) * 2) !important;
}

.informed-by figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}

.informed-by .images {
    position: relative;
    margin: 0;
}
.informed-by .images figure {
    position: absolute;
}
.informed-by .lady {
    inset: 0;
}

.informed-by .shapes {
    position: absolute;
    inset: -5rem 0 0 auto;
    z-index: -1;
}
.informed-by .animate-scale {
	animation: who-we-are-scale infinite 10s ease-in-out
}
.informed-by .animate-bob {
	animation: who-we-are-bob-down-up infinite 9s ease-in-out;
}

@media screen and (max-widtH: 850px) {
    .informed-by > .wp-block-group {
        grid-template-columns: 1fr;
    }

    .informed-by .shapes {
        top: auto;
    }
    .informed-by .shapes img {
        max-height: 400px;
    }

    .informed-by .images {
        height: 400px;
    }

    .informed-by .content {
        padding-bottom: 0 !important;
    }
}

/*------------------------------------------------
Learn More
------------------------------------------------*/
.learn-more-divider {
    --_min-height: var(--wp--preset--spacing--80);
    margin-top: calc(var(--wp--preset--spacing--80) * -1);
}

:is(.learn-more-buttons, .other-projects-buttons) .wp-block-buttons {
    width: 100%;
}
:is(.learn-more-buttons, .other-projects-buttons) .wp-block-button {
    flex: 1;
    width: 100%;
}
:is(.learn-more-buttons, .other-projects-buttons) .wp-block-button a {
    padding: 1em;
    border-radius: var(--border-radius);
    width: 100%;
    background-color: var(--wp--preset--color--tertiary);
    color: var(--wp--preset--color--text);
}
.other-projects-buttons .wp-block-button a {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--background);
}
@media screen and (max-width: 550px) {
    .learn-more-buttons {
        flex-direction: column;
    }
}

.support-section .wp-block-media-text__media {
	align-self: flex-end;
	margin-left: calc(var(--page-padding) * -1);
}
@media screen and (max-width: 600px) {
	.support-section .wp-block-media-text__media {
		grid-row: 3 !important;
	}
	.support-section .wp-block-media-text__content > .wp-block-group {
		padding-bottom: 1.5rem !important;
	}
}