@charset "utf-8";

/* CALLOUT */
	.media-callout {
		margin: var(--margin-block) 0;
		position: relative;
		}
	.media-callout-container {
		border-radius: var(--radius);
		}
	.media-callout-image-no.w {
		text-align: center;
		}
	.media-callout-holder {
		padding: 4rem;
		position: relative;
		z-index: 2;
		}
	.media-callout-image-yes .media-callout-holder {
		display: grid;
		grid-gap: 2rem;
		}
	.media-callout-image-no.w .media-callout-content {
		margin-inline: auto;
		max-width: 96rem;
		}
	.media-callout-header {
		color: var(--color-header);
		font-size: var(--head-2);
		margin-bottom: 1rem;
		}
	.media-callout-text {
		font-size: var(--text);
		line-height: 1.3em;
		margin-bottom: 1rem;
		}
	.media-callout-header,
	.media-callout.media-callout-image-no.w .media-callout-text {
		text-wrap: balance;
		}
	.media-callout-buttons {
		margin-bottom: 0;
		}
	.media-callout-image {
		border-radius: var(--radius);
		overflow: hidden;
		}
	@media (min-width: 60em) {
		.media-callout-image-yes.w .media-callout-holder {
			align-items: center;
			grid-gap: 4rem;
			grid-template-columns: repeat(2, 1fr);
			}
		.media-callout-image-yes.w .media-callout-holder .media-callout-content {
			grid-row: 1;
			}
	}
	@media (min-width: 80em) {
		.media-callout-holder {
			padding: 4rem 8rem;
			}
	}