.block-about {
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--normal);
}

.block-about.has-background,
.editor-styles-wrapper .block-about.has-background {
	padding: 0;
}

.block-about__wrap {
	position: relative;
	display: grid;
	gap: var(--wp--custom--layout--block-gap);
	padding: calc(var(--wp--custom--layout--block-gap) * 2) calc(var(--wp--custom--layout--block-gap) * 1.5);
	border: var(--wp--custom--border-width--tiny) solid var(--wp--preset--color--quinary);
}

.block-about__corners {
	position: absolute;
	inset-inline: calc(var(--wp--custom--border-width--tiny) * -1);
	height: var(--wp--custom--layout--block-gap);
	pointer-events: none;
}

.block-about__corners--top {
	top: calc(var(--wp--custom--border-width--tiny) * -1);
}
.block-about__corners--bottom {
	bottom: calc(var(--wp--custom--border-width--tiny) * -1);
}

.block-about__corners::before,
.block-about__corners::after {
	content: '';
	position: absolute;
	width: var(--wp--custom--layout--block-gap);
	height: 100%;
	background: var(--wp--preset--color--background);
	border: var(--wp--custom--border-width--tiny) solid var(--wp--preset--color--quinary);
}

.block-about__corners::before {
	left: 0;
	border-left: 0;
}
.block-about__corners::after {
	right: 0;
	border-right: 0;
}
.block-about__corners--top::before,
.block-about__corners--top::after {
	border-top: 0;
}
.block-about__corners--bottom::before,
.block-about__corners--bottom::after {
	border-bottom: 0;
}

.block-about__image {
	min-width: 0;
}

.block-about__image img,
.block-about__image img[style] {
	display: block;
	width: 100%;
	height: auto;
}

.block-about--cutout {
	padding-top: calc(var(--wp--custom--layout--block-gap) * 2);
}

.block-about--cutout .block-about__image {
	position: relative;
	align-self: end;
	width: 100%;
	max-width: 355px;
	margin: calc(var(--wp--custom--layout--block-gap) * -2) auto 0;
	/* border-bottom: var(--wp--custom--border-width--tiny) solid var(--wp--preset--color--quinary); */
}

.block-about__content {
	min-width: 0;
	align-self: center;
	text-align: center;
}

.block-about__content :is(.is-style-heading, .block-about__title, h2, h3) {
	font-size: var(--wp--preset--font-size--huge);
}

.block-about__content .block-about__title {
	font-family: var(--wp--custom--typography--heading--font-family);
	font-weight: var(--wp--custom--typography--heading--font-weight);
	line-height: var(--wp--custom--typography--heading--line-height);
}

.block-about__content .is-style-interface {
	color: var(--wp--preset--color--primary);
	line-height: var(--wp--custom--line-height--normal);
}

.block-about__content .wp-block-buttons,
.block-about__content .social-links {
	justify-content: center;
	gap: 12px;
}

@media (min-width: 768px) {
	.block-about--has-image:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-about__wrap {
		grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
		gap: calc(var(--wp--custom--layout--block-gap) * 1.5);
	}

	.block-about--content-first:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-about__wrap {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	}

	.block-about:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *):not(.block-about--has-image) .block-about__wrap {
		grid-template-columns: 1fr;
	}

	.block-about:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-about__content :is(.is-style-heading, .block-about__title, h2, h3) {
		font-size: var(--wp--preset--font-size--jumbo);
	}
}

@media (min-width: 1200px) {
	:is(.full-width-content, .block-area-before-footer, .cwp-editor-layout-wide) .block-about--has-image:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-about__wrap {
		grid-template-columns: 344px minmax(0, 1fr);
		gap: calc(var(--wp--custom--layout--block-gap) * 4);
		padding-inline: var(--wp--custom--layout--block-gap-large) calc(var(--wp--custom--layout--block-gap) * 4);
	}

	:is(.full-width-content, .block-area-before-footer, .cwp-editor-layout-wide) .block-about--content-first:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-about__wrap {
		grid-template-columns: minmax(0, 1fr) 344px;
		padding-inline: calc(var(--wp--custom--layout--block-gap) * 4) var(--wp--custom--layout--block-gap-large);
	}

	:is(.full-width-content, .block-area-before-footer, .cwp-editor-layout-wide) .block-about--cutout:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-about__image {
		margin-top: calc(var(--wp--custom--layout--block-gap) * -4);
		margin-bottom: calc(var(--wp--custom--layout--block-gap) * -1);
	}
}

.block-area-sidebar .block-about {
	padding: 0;
}

.block-area-sidebar .block-about__wrap {
	display: block;
	padding: 0;
	border: 0;
}

.block-area-sidebar .block-about__corners {
	display: none;
}

.block-area-sidebar .block-about__image {
	margin: 0;
	max-width: none;
}

.block-area-sidebar .block-about__content {
	padding: var(--wp--custom--layout--block-gap);
}

@media (min-width: 768px) {
	.block-area-sidebar .block-about__content :is(.is-style-heading, .block-about__title, h2, h3) {
		font-size: var(--wp--preset--font-size--jumbo);
	}
}