/* Portable section styles. Content and layout belong to the individual page. */
.is-style-emergency-section,
.is-style-emergency-section-dark {
	box-sizing: border-box;
	padding-block: var(--wp--preset--spacing--80);
	padding-inline: var(--emergency-layout-block-margin, var(--emergency-layout-margin, var(--wp--custom--section--gutter)));
}

.is-style-emergency-section-dark {
	background: var(--wp--preset--color--grey-900);
	color: var(--wp--preset--color--white);
}

.is-style-emergency-section-dark :where(h2, h3, p) {
	color: inherit;
}

.is-style-emergency-lead {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1.1;
}

.emergency-section-composition > * {
	margin-block-start: 0;
}

.emergency-section-composition {
	margin-block: 0;
}

/* Portable section patterns. The surrounding page chooses their order. */
.emergency-section-composition.emergency-toc-section,
.emergency-section-composition.emergency-editorial-photo {
	box-sizing: border-box;
	padding-block: var(--wp--preset--spacing--70);
}

.emergency-section-composition .emergency-composition-section__title {
	font-family: var(--wp--preset--font-family--display, "Arial Narrow", sans-serif);
	font-size: var(--emergency-type-title-display-xl);
	font-weight: 400;
	line-height: 0.9;
	margin-block: 0 var(--wp--preset--spacing--50);
	text-transform: uppercase;
}

.emergency-section-composition > p {
	font-size: var(--emergency-type-body-s);
	line-height: 1.5;
	margin-block: 0 var(--wp--preset--spacing--40);
}

.emergency-editorial-intro > .emergency-editorial-intro__lead {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--emergency-type-title-serif-2xl);
	line-height: 1.05;
}

.emergency-section-composition > .wp-block-image img {
	aspect-ratio: 842 / 474;
	display: block;
	object-fit: cover;
	width: 100%;
}

.emergency-section-composition > .wp-block-image figcaption {
	font-size: var(--wp--preset--font-size--small);
	margin-block-start: var(--wp--preset--spacing--20);
}

.emergency-section-composition.is-variant-dark {
	background: var(--wp--preset--color--black, #181614);
	color: var(--wp--preset--color--white, #fff);
}

.emergency-section-composition.is-variant-dark .emergency-composition-section__title {
	color: inherit;
}

/* Shared three-column content-card grids. */
.emergency-card-grid {
	--emergency-card-divider: var(--wp--preset--color--grey-700, #544f4c);
	align-items: stretch;
	display: grid !important;
	gap: 0 !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (min-width: 48rem) {

	.emergency-card-grid > .wp-block-emergency-content-card:not(:nth-child(3n + 1)) {
		border-left: 1px solid var(--emergency-card-divider);
	}
}

.emergency-card-grid > .wp-block-emergency-content-card:nth-child(3n + 1) {
	padding-left: 0;
}

.emergency-card-grid--activities {
	row-gap: var(--wp--preset--spacing--heading-mobile) !important;
}

.emergency-card-grid--activities .emergency-content-card__icon {
	height: auto;
	max-height: 56px;
}

.emergency-card-grid--activities .emergency-content-card__title {
	font-size: var(--emergency-type-label-m);
}

.emergency-card-grid--activities .emergency-content-card__description {
	font-size: var(--emergency-type-body-xs);
}

.emergency-card-grid--statistics {
	padding: 0;
	row-gap: var(--wp--preset--spacing--heading-mobile) !important;
}

.emergency-card-grid--statistics .emergency-content-card__body,
.emergency-card-grid--statistics .emergency-content-card__body > .block-editor-inner-blocks > .block-editor-block-list__layout {
	flex: 1;
	gap: var(--wp--preset--spacing--70);
	justify-content: space-between;
}

.emergency-card-grid--statistics .emergency-content-card__body > .block-editor-inner-blocks {
	display: flex;
	flex: 1;
}

:is(.emergency-card-grid--statistics, .emergency-statistic-rows) .emergency-content-card__value {
	white-space: normal;
}

:is(.emergency-card-grid--statistics, .emergency-statistic-rows) .emergency-content-card__value strong {
	text-transform: none;
}

/* The same content card can present a full-width statistic below a grid. */
.emergency-statistic-rows {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--50);
}


.emergency-statistic-rows > article {
	min-height: 112px;
	padding-inline-start: 0;
}

.emergency-statistic-rows .emergency-content-card__body,
.emergency-statistic-rows .emergency-content-card__body > .block-editor-inner-blocks > .block-editor-block-list__layout {
	align-items: baseline;
	column-gap: var(--wp--preset--spacing--50);
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}

.emergency-statistic-rows .emergency-content-card__value strong {
	font-size: var(--emergency-type-title-serif-xl);
}

.emergency-statistic-rows .emergency-content-card__body > .block-editor-inner-blocks {
	grid-column: 1 / -1;
	width: 100%;
}

.emergency-crisis-statistics > :where(.wp-block-image) {
	position: relative;
}

.emergency-crisis-statistics > .wp-block-image img {
	aspect-ratio: auto;
	height: 450px;
}

.emergency-crisis-statistics > .wp-block-image figcaption {
	background: var(--wp--preset--color--black);
	bottom: 0;
	color: var(--wp--preset--color--white);
	font-family: var(--emergency-font-serif-text);
	font-size: var(--emergency-type-body-2xs);
	line-height: 1.4;
	margin: 0;
	max-width: 100%;
	padding: var(--wp--preset--spacing--20);
	position: absolute;
	right: 0;
}

.emergency-card-grid--light {
	padding-block: 40px;
}

.emergency-card-grid--dark {
	--emergency-card-divider: rgb(255 255 255 / 30%);
	background: var(--wp--preset--color--black, #000);
	color: var(--wp--preset--color--white, #fff);
}

/* Three-column project introduction. */
.emergency-project-intro {
	align-items: start;
	padding-block: 0;
}

.emergency-project-intro__meta {
	display: flex;
	flex-direction: column;
	gap: var(--emergency-section-heading-gap);
}

.emergency-project-intro__icon {
	flex: 0 0 35px;
	height: 35px;
	margin: 0;
	overflow: hidden;
	width: 146px;
}

.emergency-project-intro__icon img {
	display: block;
	height: 100%;
	width: 100%;
}

.emergency-project-intro__meta-list {
	display: grid;
	gap: var(--wp--preset--spacing--20);
}

.emergency-project-intro__meta-row {
	align-items: center;
	column-gap: var(--wp--preset--spacing--30);
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
}

.emergency-project-intro__meta-row > p,
.emergency-project-intro__content p {
	margin: 0;
}

.emergency-project-intro__meta-label,
.emergency-project-intro__meta-value {
	font-family: var(--emergency-font-sans);
	font-size: var(--emergency-type-body-s);
}

.emergency-project-intro__meta-label {
	font-size: var(--emergency-type-label-m);
	font-weight: 500;
	line-height: 1.2;
}

.emergency-project-intro__meta-value {
	line-height: 1.5;
}

.emergency-project-intro__content {
	display: flex;
	flex-direction: column;
	gap: var(--emergency-section-heading-gap);
}

.emergency-project-intro__lead {
	color: var(--wp--preset--color--grey-900, #181614);
	font-family: var(--emergency-font-serif-text);
	font-size: var(--emergency-type-title-serif-2xl);
	letter-spacing: -0.01em;
	line-height: 1;
}

.emergency-project-intro__body {
	display: grid;
	gap: 24px;
}

.emergency-project-intro__body p {
	color: var(--wp--preset--color--grey-900, #181614);
	font-family: var(--emergency-font-sans);
	font-size: var(--emergency-type-body-m);
	line-height: 1.5;
}

@media (max-width: 63.999rem) {

	.emergency-layout-grid.emergency-layout-grid--columns.emergency-project-intro {
		row-gap: var(--emergency-section-heading-gap);
	}

}

@media (max-width: 47.999rem) {

	.emergency-card-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.emergency-card-grid > .wp-block-emergency-content-card,
	.emergency-card-grid > .wp-block-emergency-content-card:nth-child(3n + 1) {
		border-left: 0;
		padding-inline: 0;
	}

	.emergency-card-grid.emergency-card-grid--activities > .wp-block-emergency-content-card {
		gap: var(--wp--preset--spacing--70);
		min-height: 0;
		padding-right: var(--wp--preset--spacing--layout-mobile);
	}

	.emergency-card-grid.emergency-card-grid--statistics > .wp-block-emergency-content-card,
	.emergency-statistic-rows > article {
		border-left: 0;
		min-height: 0;
		padding-inline: 0 var(--wp--preset--spacing--layout-mobile);
	}

	.emergency-statistic-rows {
		gap: var(--wp--preset--spacing--heading-mobile);
	}

	.emergency-statistic-rows .emergency-content-card__body,
	.emergency-statistic-rows .emergency-content-card__body > .block-editor-inner-blocks > .block-editor-block-list__layout {
		align-items: stretch;
		display: flex;
		flex-direction: column;
		gap: var(--wp--preset--spacing--70);
	}

	.emergency-crisis-statistics > .wp-block-image img {
		height: 463px;
		object-position: right center;
	}

	.emergency-project-intro {
		padding-block: 0;
	}

	.emergency-project-intro__content {
		gap: var(--emergency-section-heading-gap);
	}

	.emergency-project-intro__lead {
		font-size: var(--emergency-type-title-serif-2xl);
	}
}

/* Interventi umanitari archive. */
.emergency-humanitarian-page {
	--emergency-humanitarian-gutter: var(--emergency-layout-block-margin, var(--emergency-layout-margin, 3.75rem));
	background: var(--wp--preset--color--white, #fff);
	color: var(--wp--preset--color--ink, #181614);
	margin-block: 0;
	overflow: clip;
}

:is(.emergency-humanitarian-hero, .emergency-project-hero) {
	padding-block: clamp(3rem, 7vw, 7rem) 0;
	text-align: center;
}

:is(.emergency-humanitarian-hero__title, .emergency-project-hero__title) {
	font-family: var(--wp--preset--font-family--display, "Arial Narrow", sans-serif);
	font-weight: 400;
	letter-spacing: -0.025em;
	line-height: 0.82;
	margin: 0 auto clamp(2rem, 5vw, 4rem) !important;
	text-transform: uppercase;
	white-space: pre-line;
}

:is(.emergency-humanitarian-hero__breadcrumb, .emergency-project-hero__breadcrumb) {
	letter-spacing: 0.03em;
	margin: 0 auto 1.25rem;
}

:is(.emergency-humanitarian-hero__image, .emergency-project-hero__image) {
	margin: 0;
	width: 100%;
}

:is(.emergency-humanitarian-hero__image, .emergency-project-hero__image) img {
	aspect-ratio: 16 / 9;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

/* Single-country hero: the image stays editorial and the title remains dynamic. */
.emergency-country-hero {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;

	/* Cap the image-led height, but let long headings grow without clipping. */
	min-height: min(clamp(42rem, 62.5vw, 56.25rem), 70vh);
	min-height: min(clamp(42rem, 62.5vw, 56.25rem), 70svh);
	padding: var(--emergency-layout-gutter);
	position: relative;
	background: var(--wp--preset--color--black, #181614);
}

.emergency-country-hero > .emergency-country-hero__image {
	background: var(--wp--preset--color--black, #181614);
	inset: var(--emergency-layout-gutter);
	margin: 0 !important;
	overflow: hidden;
	position: absolute;
	width: auto !important;
}

.emergency-country-hero__image::after {
	background: linear-gradient(180deg, transparent 40%, rgb(0 0 0 / 70%));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.emergency-country-hero__image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.emergency-country-hero__heading {
	box-sizing: border-box;
	color: var(--wp--preset--color--white, #fff);
	flex-shrink: 0;
	margin: 0 !important;
	max-width: none !important;
	padding: var(--wp--preset--spacing--30);
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 1;
}

.emergency-country-hero__heading :is(a, .wp-block-post-title) {
	color: inherit;
}

.emergency-country-hero .wp-block-post-title.emergency-country-hero__title {
	margin: var(--wp--preset--spacing--20) 0 0 !important;
	overflow-wrap: anywhere;
}

/* Countries awaiting an editorial image keep the compact legacy cover. */
.emergency-country-hero:not(:has(.emergency-country-hero__image)) {
	min-height: 70vh;
	min-height: 70svh;
}

.emergency-country-hero:not(:has(.emergency-country-hero__image)) .emergency-country-hero__heading {
	text-align: left;
}

.emergency-country-hero:not(:has(.emergency-country-hero__image)) .emergency-country-hero__breadcrumb {
	justify-content: flex-start;
	text-align: left;
}

.emergency-country-hero:not(:has(.emergency-country-hero__image)) .wp-block-post-title.emergency-country-hero__title {
	text-align: left;
}

.emergency-editorial-lead-image {
	margin: 0;
}

.emergency-editorial-lead-image > p {
	font-size: var(--emergency-type-body-s);
	line-height: 1.5;
	margin-block: 0 var(--wp--preset--spacing--50);
}

.emergency-editorial-lead-image > .emergency-editorial-lead-image__lead {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--emergency-type-title-serif-2xl);
	line-height: 1.05;
}

.emergency-editorial-lead-image__media {
	margin: var(--wp--preset--spacing--70) 0 0;
}

.emergency-editorial-lead-image__media img {
	aspect-ratio: 842 / 450;
	display: block;
	object-fit: cover;
	width: 100%;
}

.emergency-donation-panel,
.emergency-section-composition.emergency-donation-panel {
	background: var(--wp--preset--color--red, #e30513);
	color: var(--wp--preset--color--white, #fff);
	padding-block: var(--wp--preset--spacing--80);
}

.emergency-donation-panel > .emergency-section__shell {
	max-width: var(--emergency-layout-max-width);
	margin-inline: auto;
}

.emergency-donation-panel__title {
	color: inherit;
	font-family: var(--wp--preset--font-family--display, "Arial Narrow", sans-serif);
	font-size: var(--emergency-type-title-display-xl);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 0.8;
	margin: 0 auto var(--emergency-section-heading-gap);
	max-width: min(100%, 5.35em) !important;
	text-transform: uppercase;
}

@media (max-width: 64rem) {

	.emergency-donation-panel__title {
		text-wrap: balance;
	}
}

.emergency-facts-list__item {
	border-top: 1px solid currentColor;
	padding-block: var(--wp--preset--spacing--40, 1.5rem);
}

.emergency-facts-list__item:last-child {
	border-bottom: 1px solid currentColor;
}

.emergency-facts-list__item h3 {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--emergency-type-title-serif-xl);
	line-height: 1.1;
	margin-block: 0 var(--wp--preset--spacing--20, 0.75rem);
}

.emergency-facts-list__item p {
	margin-block: 0;
}


.emergency-donation-panel .wp-block-emergency-donation-form {
	margin-inline: auto;
	max-width: 434px;
}

.emergency-country-section .emergency-donation-panel {
	margin-inline: calc(-1 * var(--country-section-inset)) !important;
	width: calc(100% + (2 * var(--country-section-inset))) !important;
}

/* The internal-feature Hero keeps its image in the editorial shell. */
.emergency-hero--internal-feature {
	padding-block: clamp(3rem, 7vw, 7rem) 0;
	text-align: center;
}

.emergency-hero--internal-feature > .wp-block-post-title {
	font-family: var(--wp--preset--font-family--display, "Arial Narrow", sans-serif);
	font-weight: 400;
	letter-spacing: -0.025em;
	line-height: 0.75;
	margin: 0 auto var(--wp--preset--spacing--60) !important;
	max-width: 8ch !important;
	text-transform: uppercase;
}

.emergency-hero--internal-feature > .emergency-breadcrumbs {
	letter-spacing: 0.03em;
	margin: 0 auto var(--wp--preset--spacing--50);
}

.emergency-hero--internal-feature > .wp-block-image {
	width: min(calc(100% - (2 * var(--emergency-layout-margin))), var(--emergency-layout-max-width));
	margin: 0 auto;
}

:where(.emergency-hero--internal-feature) > .wp-block-image img {
	aspect-ratio: 16 / 9;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

/* A short internal title sits above its editorial image. */
.emergency-hero--internal-title {
	background: var(--wp--preset--color--white, #fff);
	color: var(--wp--preset--color--black, #000);
	padding-block: var(--wp--preset--spacing--80) 0;
	text-align: center;
}

.emergency-hero--internal-title > .emergency-hero__breadcrumb,
.emergency-hero--internal-title > .emergency-breadcrumbs {
	font-family: var(--emergency-font-sans);
	font-size: var(--emergency-type-label-s);
	font-weight: 500;
	line-height: 1.2;
	margin: 0 auto var(--wp--preset--spacing--40);
}

.emergency-hero--internal-title > :is(.wp-block-heading, .wp-block-post-title) {
	font-family: var(--emergency-font-display);
	font-size: var(--emergency-type-title-display-3xl);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1;
	margin: 0 auto var(--wp--preset--spacing--40) !important;
	max-width: none;
	text-transform: uppercase;
}

.emergency-hero--internal-title > .wp-block-image {
	position: relative;
	left: 50%;
	width: min(calc(100vw - (2 * var(--emergency-layout-margin))), var(--emergency-layout-max-width));
	margin: 0 auto;
	transform: translateX(-50%);
}

:where(.emergency-hero--internal-title) > .wp-block-image img {
	aspect-ratio: 16 / 9;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.emergency-humanitarian-page .emergency-humanitarian-intro,
.emergency-humanitarian-page .emergency-humanitarian-map-section,
.emergency-humanitarian-page .emergency-humanitarian-activities,
.emergency-humanitarian-page .emergency-humanitarian-editorial,
.emergency-humanitarian-page .emergency-humanitarian-related {
	padding-block: clamp(4rem, 8vw, 8rem);
}

.emergency-humanitarian-intro {
	max-width: 76rem;
	text-align: center;
}

.emergency-humanitarian-intro > p:first-child {
	font-family: var(--wp--preset--font-family--serif-text, Georgia, serif);
	line-height: 1.05;
	margin-inline: auto;
	max-width: 48rem;
}

.emergency-humanitarian-intro > p + p {
	line-height: 1.5;
	margin-block-start: 2rem;
	margin-inline: auto;
	max-width: 42rem;
}

.emergency-humanitarian-map-section h2,
.emergency-humanitarian-activities h2,
.emergency-humanitarian-related h2 {
	font-family: var(--wp--preset--font-family--display, "Arial Narrow", sans-serif);
	font-weight: 400;
	line-height: 0.84;
	margin-block: 0 clamp(2rem, 4vw, 4rem);
	text-transform: uppercase;
}

.emergency-humanitarian-projects {
	box-sizing: border-box;
	padding-block: clamp(4rem, 8vw, 8rem);
}

.emergency-humanitarian-projects > h2 {
	font-family: var(--wp--preset--font-family--display, "Arial Narrow", sans-serif);
	font-weight: 400;
	line-height: 0.84;
	margin-block: 0 clamp(2rem, 4vw, 4rem);
	text-transform: uppercase;
}

.emergency-humanitarian-projects .emergency-card-query__grid {
	gap: clamp(2rem, 4vw, 4rem) 1.25rem;
}

.emergency-humanitarian-projects .wp-block-emergency-card {
	color: var(--wp--preset--color--white, #fff);
}

.emergency-humanitarian-projects .emergency-card__media,
.emergency-humanitarian-projects .emergency-card__media img {
	aspect-ratio: 3 / 2;
	display: block;
	margin: 0;
	object-fit: cover;
	width: 100%;
}

.emergency-humanitarian-projects .emergency-card__body {
	padding-top: 1rem;
}

.emergency-humanitarian-projects .emergency-card__tag {
	color: rgb(255 255 255 / 70%);
}

.emergency-humanitarian-projects .emergency-card__title {
	font-size: var(--emergency-type-title-serif-xl);
}

.emergency-humanitarian-projects .emergency-card__text {
	color: rgb(255 255 255 / 78%);
}

.wp-site-blocks .emergency-service-grid,
.editor-styles-wrapper .emergency-service-grid {
	display: grid !important;
	gap: var(--wp--preset--spacing--50) var(--emergency-layout-gutter);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.emergency-service-grid > .wp-block-column {
	margin: 0;
	min-width: 0;
}

.emergency-humanitarian-donate {
	background: var(--wp--preset--color--red, #e30513);
	color: var(--wp--preset--color--white, #fff);
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.emergency-humanitarian-donate__image,
.emergency-humanitarian-donate__image img {
	height: 100%;
	margin: 0;
	min-height: 38rem;
	object-fit: cover;
	width: 100%;
}

.emergency-humanitarian-donate__image img {
	display: block;
}

.emergency-humanitarian-donate .emergency-section__support-copy {
	box-sizing: border-box;
	justify-self: stretch;
	max-width: none;
	padding: clamp(3rem, 7vw, 7rem) clamp(1rem, 6vw, 6rem);
	width: 100%;
}

.emergency-humanitarian-donate .emergency-section__support-copy > h2 {
	color: inherit;
	font-family: var(--wp--preset--font-family--display, "Arial Narrow", sans-serif);
	font-size: var(--emergency-type-title-display-xl);
	font-weight: 400;
	line-height: 0.84;
	margin: 0 auto 2rem;
	max-width: 7ch;
	text-align: center;
	text-transform: uppercase;
}

.emergency-humanitarian-donate .wp-block-emergency-donation-form {
	margin-inline: auto;
	max-width: 34rem;
	width: 100%;
}

.emergency-humanitarian-editorial .wp-block-columns,
.emergency-humanitarian-related .wp-block-columns {
	gap: clamp(2rem, 6vw, 6rem);
}

.emergency-humanitarian-editorial figure,
.emergency-humanitarian-editorial img {
	height: 100%;
	margin: 0;
	object-fit: cover;
	width: 100%;
}

.emergency-humanitarian-editorial img {
	aspect-ratio: 1 / 1;
	display: block;
}

.emergency-humanitarian-editorial__label {
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-block: 0 1.5rem;
	text-transform: uppercase;
}

.emergency-humanitarian-editorial h2 {
	font-family: var(--wp--preset--font-family--serif-text, Georgia, serif);
	font-weight: 400;
	line-height: 1.02;
}

.emergency-humanitarian-related {
	padding-top: 0;
}

.emergency-humanitarian-related .wp-block-columns {
	gap: 1.25rem;
}

.emergency-humanitarian-related figure,
.emergency-humanitarian-related img {
	margin: 0;
	width: 100%;
}

.emergency-humanitarian-related img {
	aspect-ratio: 1 / 1;
	display: block;
	object-fit: cover;
}

.emergency-humanitarian-related p {
	font-family: var(--wp--preset--font-family--serif-text, Georgia, serif);
	line-height: 1.1;
	margin-block: 1rem 0;
}

.emergency-humanitarian-related a {
	color: inherit;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

@media (max-width: 63.999rem) {
	.wp-site-blocks .emergency-service-grid,
	.editor-styles-wrapper .emergency-service-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.emergency-humanitarian-editorial .wp-block-columns {
		gap: 2rem;
	}
}

@media (max-width: 47.999rem) {
	.emergency-section-composition > .wp-block-image img {
		aspect-ratio: 370 / 463;
	}

	.emergency-editorial-lead-image__media img {
		aspect-ratio: 370 / 463;
	}

	.emergency-humanitarian-page {
		--emergency-humanitarian-gutter: 1rem;
	}

	:is(.emergency-humanitarian-hero, .emergency-project-hero) {
		padding-top: 3rem;
	}

	:is(.emergency-humanitarian-hero__title, .emergency-project-hero__title) {
		font-size: var(--emergency-type-title-display-xl) !important;
	}

	.emergency-hero--internal-feature {
		padding-top: var(--wp--preset--spacing--80);
	}

	.emergency-hero--internal-feature > .emergency-breadcrumbs {
		margin-bottom: var(--wp--preset--spacing--20);
	}

	.emergency-hero--internal-feature > .wp-block-post-title {
		font-size: var(--wp--preset--font-size--title-display-xl) !important;
		line-height: 0.8;
		margin-bottom: var(--wp--preset--spacing--20) !important;
	}

	.emergency-hero--internal-feature > .wp-block-image {
		width: calc(100% - (2 * var(--emergency-layout-gutter)));
	}

	.emergency-humanitarian-intro,
	.emergency-humanitarian-map-section,
	.emergency-humanitarian-activities,
	.emergency-humanitarian-editorial,
	.emergency-humanitarian-related {
		padding-block: 4rem;
	}

	.emergency-humanitarian-projects {
		padding-block: 4rem;
	}

	.wp-site-blocks .emergency-service-grid,
	.editor-styles-wrapper .emergency-service-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.emergency-humanitarian-donate {
		grid-template-columns: minmax(0, 1fr);
	}

	.emergency-humanitarian-donate__image,
	.emergency-humanitarian-donate__image img {
		min-height: 24rem;
	}

	.emergency-hero--internal-feature > .wp-block-image img {
		aspect-ratio: 382 / 478;
		object-position: center;
	}

	.emergency-hero--internal-title {
		padding-top: var(--wp--preset--spacing--80);
	}

	.emergency-hero--internal-title > .emergency-hero__breadcrumb,
	.emergency-hero--internal-title > .emergency-breadcrumbs {
		margin-bottom: var(--wp--preset--spacing--20);
	}

	.emergency-hero--internal-title > :is(.wp-block-heading, .wp-block-post-title) {
		line-height: 0.8;
		margin-bottom: var(--wp--preset--spacing--20) !important;
	}

	.emergency-hero--internal-title > .wp-block-image {
		width: calc(100vw - (2 * var(--emergency-layout-gutter)));
	}

	.emergency-hero--internal-title > .wp-block-image img {
		aspect-ratio: 382 / 478;
	}

	.emergency-humanitarian-donate .emergency-section__support-copy {
		padding: 4rem 1rem;
	}

	.emergency-humanitarian-editorial .wp-block-columns,
	.emergency-humanitarian-related .wp-block-columns {
		gap: 2.5rem;
	}

	.emergency-humanitarian-related .wp-block-columns {
		flex-direction: column;
	}
}

/* Full Project detail starter. */
.emergency-project-page {
	margin-block: 0;
}

/* Shared statistics presentation: frontend and Gutenberg use the same roles. */
.emergency-project-stats {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	padding-block: 0;
}

.emergency-project-stat {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--emergency-section-heading-gap);
	border-left: 1px solid var(--wp--preset--color--grey-700, #544f4c);
	border-top: 3px solid var(--wp--preset--color--red, #e30513);
	min-width: 0;
	min-height: calc(3 * var(--wp--preset--spacing--section-desktop));
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
}

.emergency-project-stat:first-child {
	border-left: 0;
}

.emergency-project-stat__value,
.emergency-project-stat__label {
	margin: 0;
}

.emergency-project-stat__value {
	overflow-wrap: anywhere;
	font: 700 var(--emergency-type-title-display-xl) / 0.9 var(--emergency-font-display);
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.emergency-project-stat__unit {
	font-size: var(--emergency-type-title-serif-4xl);
	text-transform: none;
}

.emergency-project-stat__label {
	font: 500 var(--emergency-type-label-m) / 1.2 var(--emergency-font-sans);
	letter-spacing: 0;
}

.emergency-project-gallery {
	margin-block: 0 4rem;
}

.emergency-project-editorial {
	padding-block: 0 5rem;
}

.emergency-project-editorial__columns {
	align-items: flex-start;
	gap: clamp(2rem, 7vw, 6rem);
}

.emergency-project-editorial__aside {
	position: sticky;
	top: 2rem;
}

.emergency-project-toc {
	color: var(--wp--preset--color--grey-500, #938b85);
	font-size: var(--wp--preset--font-size--small, 1rem);
	list-style: none;
	margin: 0;
	padding: 0;
}

.emergency-project-toc li {
	margin-block: 0 1rem;
}

.emergency-project-toc li.is-active {
	color: var(--wp--preset--color--black, #000);
}

.emergency-project-toc a {
	color: inherit;
	text-decoration: none;
}

.emergency-project-rich-text__image {
	margin-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60);
}

.emergency-project-rich-text__image img {
	aspect-ratio: 757 / 505;
	display: block;
	object-fit: cover;
	width: 100%;
}

.emergency-project-quote {
	background: var(--wp--preset--color--grey-100, #f8f7f6);
	border: 0;
	margin-block: 3rem !important;
	padding: clamp(2rem, 5vw, 4rem);
	text-align: center;
}

.emergency-project-quote p {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--emergency-type-title-serif-xl) !important;
	line-height: 1.05 !important;
}

.emergency-project-quote cite {
	display: block;
	font-size: var(--emergency-type-body-2xs);
	font-style: normal;
	margin-block-start: 2rem;
}

/*
 * WordPress emits Global Styles for layout wrappers with 0-1-0 specificity
 * (`:root :where(.is-layout-flow) > *` and `:root :where(.is-layout-flex)`).
 * Scope this component to keep its intentional column/stack gap in both the
 * front end and the editor.
 */
.emergency-project-page > .emergency-project-promo,
.editor-styles-wrapper .emergency-project-page > .emergency-project-promo {
	background: var(--wp--preset--color--grey-100, #f8f7f6);
	gap: var(--emergency-layout-gutter);
	margin-block: 0;
}

.emergency-project-promo > .wp-block-column {
	margin: 0;
}

.emergency-project-promo figure,
.emergency-project-promo img {
	height: 100%;
	margin: 0;
	object-fit: cover;
	width: 100%;
}

.emergency-project-promo__content {
	box-sizing: border-box;
	min-height: 24rem;
	padding: clamp(2rem, 6vw, 4rem);
}

/*
 * This full-bleed column owns its text inset. The shared layout contract
 * removes inline padding from nested `has-global-padding` blocks, which is
 * correct for normal sections but leaves this promo copy against the viewport
 * edge on small screens. Keep the exception scoped to the promo and editor,
 * and reuse the responsive template margin for the inset.
 */
.emergency-project-page > .emergency-project-promo .emergency-project-promo__content,
.editor-styles-wrapper .emergency-project-page > .emergency-project-promo .emergency-project-promo__content {
	padding-inline: var(--emergency-layout-margin) !important;
}

.emergency-project-promo__content h2 {
	font-size: var(--emergency-type-title-display-m);
	line-height: 0.88;
	text-transform: uppercase;
}

.emergency-project-donation {
	background: var(--wp--preset--color--red, #e30513);
	color: var(--wp--preset--color--white, #fff);
}

@layer emergency-inline-layout {

	.emergency-project-donation.alignfull.emergency-section {
		box-sizing: border-box;
		width: 100vw !important;
		max-width: none !important;
		margin-inline: calc(50% - 50vw) !important;
	}
}

.emergency-project-donation > .wp-block-columns {
	gap: 0;
	width: 100%;
	max-width: var(--emergency-layout-max-width);
	margin-block: 0;
	margin-inline: auto !important;
}

.emergency-project-donation > .wp-block-columns > .wp-block-column {
	margin: 0;
}

.emergency-project-donation__form {
	box-sizing: border-box;
	padding-block: var(--emergency-section-padding);
	padding-inline: var(--emergency-layout-margin);
}

.emergency-project-donation__form h2 {
	color: inherit;
	font-family: var(--emergency-font-display);
	font-size: var(--emergency-type-title-display-l);
	font-weight: 700;
	font-style: normal;
	line-height: 0.85;
	letter-spacing: -0.03em;
	margin: 0 auto var(--emergency-section-heading-gap);
	max-width: min(100%, 5.15em);
	text-align: center;
	text-transform: uppercase;
}

.emergency-project-donation__form > p {
	font: 700 var(--emergency-type-label-l) / 1.2 var(--emergency-font-sans);
	letter-spacing: 0;
	margin-block: var(--wp--preset--spacing--40) 0;
	text-align: center;
	text-transform: none;
}

.emergency-project-donation__form > p a {
	color: inherit;
	font-weight: 700;
}

.emergency-project-donation .emergency-donation__frequency button,
.emergency-project-donation .emergency-donation__custom {
	font: 500 var(--emergency-type-label-s) / 1.2 var(--emergency-font-sans);
	letter-spacing: 0;
	text-transform: none;
}

.emergency-project-donation .emergency-donation__amount {
	font: 700 var(--emergency-type-label-l) / 1.2 var(--emergency-font-sans);
	letter-spacing: 0;
	text-transform: none;
}

.emergency-project-donation .emergency-donation__amount small {
	font: 400 var(--emergency-type-body-2xs) / 1.2 var(--emergency-font-sans);
	letter-spacing: 0;
	text-transform: none;
}

.emergency-project-donation .emergency-donation__impact {
	font: 400 var(--emergency-type-body-xs) / 1.5 var(--emergency-font-sans);
	letter-spacing: 0;
	text-transform: none;
}

.emergency-project-donation .emergency-donation__continue {
	font: 700 var(--emergency-type-capital-s) / 1 var(--emergency-font-sans);
	letter-spacing: 0;
	text-transform: uppercase;
}

.emergency-project-donation__media {
	position: relative;
	min-height: 40rem;
}

.emergency-project-donation__media figure {
	position: absolute;
	inset: 0;
	height: 100%;
	margin: 0;
}

.emergency-project-donation__media img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

@media (max-width: 63.999rem) {

	.emergency-project-donation__form h2 {
		text-wrap: balance;
	}

	.emergency-project-donation > .wp-block-columns {
		flex-direction: column;
	}

	.emergency-project-donation__media {
		display: none;
	}
}

@media (max-width: 63.999rem) {
	.emergency-project-editorial__aside {
		position: static;
	}

	.emergency-project-editorial__columns {
		gap: 2rem;
	}

	.emergency-project-toc {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}

@media (max-width: 47.999rem) {
	.emergency-project-hero__image img {
		aspect-ratio: 382 / 478;
	}

	.emergency-country-hero {
		min-height: min(46.375rem, 70vh);
		min-height: min(46.375rem, 70svh);
		padding: var(--emergency-layout-margin);
	}

	.emergency-country-hero > .emergency-country-hero__image {
		inset: var(--emergency-layout-margin);
	}

	.emergency-project-stats {
		grid-template-columns: 1fr;
		padding-block: 0;
	}

	.emergency-project-stat,
	.emergency-project-stat:first-child {
		border-left: 0;
		border-top: 1px solid var(--wp--preset--color--grey-700, #544f4c);
		padding-inline: var(--wp--preset--spacing--30);
	}

	.emergency-project-stat:first-child {
		border-top: 3px solid var(--wp--preset--color--red, #e30513);
	}


	.emergency-project-toc {
		grid-template-columns: 1fr;
	}

	.emergency-project-rich-text h2 {
		font-size: var(--emergency-type-title-display-m);
	}

	.emergency-project-promo,
	.emergency-project-donation > .wp-block-columns {
		flex-direction: column;
	}

	.emergency-project-donation__media,
	.emergency-project-donation__media figure,
	.emergency-project-donation__media img {
		min-height: 24rem;
	}

}


/* Figma facts composition, shared by the inserter, editor and frontend. */

/* stylelint-disable no-descending-specificity, @stylistic/max-line-length */
.emergency-facts-section.emergency-section-composition {
	padding-block: 4rem;
}

.emergency-facts-section .emergency-composition-section__title {
	font-size: var(--emergency-type-title-display-m);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 0.8;
	margin-block: 0 1.5rem;
}

.emergency-facts-section > p {
	font-size: var(--emergency-type-body-s);
	line-height: 1.5556;
	margin-block: 0 2rem;
}

.emergency-facts-list--marked > .emergency-facts-list__item {
	background: url(../images/patterns/facts/bullet.svg) no-repeat left top;
	border: 0;
	margin-block: 0 !important;
	padding: 0 0 0 2.75rem;
}

.emergency-facts-list--marked > .emergency-facts-list__item + .emergency-facts-list__item {
	background-image:
		url(../images/patterns/facts/bullet.svg),
		url(../images/patterns/facts/divider.svg);
	background-position: left 2rem, left top;
	background-size: auto, 100% 1px;
	margin-block-start: 2rem !important;
	padding-block-start: 2rem;
}

.emergency-facts-list--marked .emergency-facts-list__item > h3 {
	font-size: var(--emergency-type-title-serif-l);
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 0.6875rem;
}

.emergency-facts-list--marked .emergency-facts-list__item > p {
	color: var(--wp--preset--color--grey-700);
	font-size: var(--emergency-type-body-xs);
	line-height: 1.5;
	margin: 0;
	max-width: 42.1875rem;
	text-box-edge: cap alphabetic;
	text-box-trim: trim-both;
}

.emergency-facts-list--marked .emergency-facts-list__item--wide > p {
	max-width: none;
}

.emergency-facts-list--marked .emergency-facts-list__item > .wp-block-emergency-read-more {
	margin-block: 0.6875rem 0;
}

@media (max-width: 63.999rem) {

	.emergency-facts-section.emergency-section-composition.emergency-toc-section {
		padding-block: 2.5rem;
	}

	.emergency-facts-section .emergency-composition-section__title {
		font-size: var(--emergency-type-title-display-m);
		margin-block-end: 1.125rem;
	}

	/* Inset body columns already supply the mobile editorial margin. */

	.emergency-single-page .emergency-single-page__content--inset .emergency-rendered-section > .emergency-facts-section.emergency-section-composition,
	.emergency-single-page.emergency-single-page--editor .emergency-single-page__content--inset .emergency-facts-section.emergency-section-composition {
		padding-inline: 0 !important;
	}
}

/* stylelint-enable no-descending-specificity, @stylistic/max-line-length */

/* Project-link composition: dynamic rows and optional editorial notes. */
/* stylelint-disable no-descending-specificity */
.emergency-related-projects.emergency-section-composition {
	padding-block: 4rem;
}

.emergency-related-projects .emergency-composition-section__title {
	font-size: var(--emergency-type-title-display-m);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 0.8372;
	margin-block: 0 2rem;
}

.emergency-related-projects > .wp-block-emergency-card-query,
.emergency-related-projects > .emergency-related-projects__notes {
	width: 100%;
	max-width: 100%;
	margin-inline: 0 !important;
}

.emergency-related-projects > .emergency-related-projects__notes {
	list-style: none;
	margin-block: 0;
	padding: 0;
}

.emergency-related-projects > .emergency-related-projects__notes > li {
	align-content: center;
	border-bottom: 1px dashed var(--wp--preset--color--black);
	box-sizing: border-box;
	font-family: var(--emergency-font-sans);
	font-size: var(--emergency-type-body-m);
	font-weight: 500;
	line-height: 1;
	min-height: 6.8125rem;
	margin: 0;
	padding-block: var(--wp--preset--spacing--40);
	padding-inline: 0;
}

.emergency-related-projects > .emergency-related-projects__notes > li::before {
	content: none;
}

.emergency-related-projects__notes:first-of-type:not(.wp-block-emergency-card-query + *) {
	border-top: 1px dashed var(--wp--preset--color--black);
}

@media (max-width: 63.999rem) {

	.emergency-related-projects.emergency-section-composition.emergency-toc-section {
		padding-block: var(--wp--preset--spacing--60);
	}

	.emergency-related-projects .emergency-composition-section__title {
		font-size: var(--emergency-type-title-display-m);
		line-height: 0.8;
		margin-block-end: var(--wp--preset--spacing--70);
	}

	.emergency-related-projects > .emergency-related-projects__notes > li {
		padding-inline-end: calc(3 * var(--wp--preset--spacing--50));
	}

	.emergency-single-page .emergency-single-page__content--inset .emergency-rendered-section > .emergency-related-projects.emergency-section-composition {
		padding-inline: 0 !important;
	}

	.emergency-single-page.emergency-single-page--editor .emergency-single-page__content--inset .emergency-related-projects.emergency-section-composition {
		padding-inline: var(--emergency-layout-mobile-margin) !important;
	}
}
/* stylelint-enable no-descending-specificity */

/* Internal gaps override the section-edge reset in its media layer. */
@layer emergency-section-media {

	.emergency-section-composition > .emergency-statistic-rows {
		margin-block-start: var(--wp--preset--spacing--heading-mobile) !important;
	}

	.emergency-crisis-statistics > .wp-block-image {
		margin-block-start: var(--wp--preset--spacing--section-mobile) !important;
	}

	@media (max-width: 47.999rem) {

		.emergency-crisis-statistics > .wp-block-image {
			margin-block-start: var(--wp--preset--spacing--70) !important;
		}
	}
}

.emergency-hero--title-first .emergency-project-hero__title {
	font-weight: 700;
	margin-block-end: var(--emergency-section-heading-gap) !important;
	max-width: 6em;
	text-wrap: balance;
}

/* Keep Gap/XS after Gutenberg's reset; Min mode uses 90% of the preset. */
.emergency-project-hero .emergency-project-hero__breadcrumb {
	letter-spacing: 0;
	margin-block-end: var(--wp--preset--spacing--gap-xs);
}

@media (max-width: 63.999rem) {

	.emergency-project-hero .emergency-project-hero__breadcrumb {
		margin-block-end: calc(var(--wp--preset--spacing--gap-xs) * 0.9);
	}
}

/* A sidebar column stacks the introduction to retain its reading measure. */
.emergency-single-page__content .emergency-project-intro.emergency-layout-grid--columns {
	display: block;
}

.emergency-single-page__content .emergency-project-intro__content {
	margin-block-start: var(--emergency-section-heading-gap) !important;
}

@layer emergency-section-rhythm {

	/* Legacy nested Groups must not collapse this component's internal gap. */
	.emergency-single-page__content .emergency-project-intro.emergency-section .emergency-project-intro__content {
		margin-block-start: var(--emergency-section-heading-gap) !important;
	}
}

/* Card geometry keeps labels at the foot, independent of section margins. */
.emergency-project-stat .emergency-project-stat__label {
	font-size: var(--emergency-type-label-m);
	line-height: 1.2;
	margin-block-start: auto !important;
}