.block-about {
	border: 4px solid var(--wp--preset--color--secondary);
	padding: 36px 20px 20px;
	position: relative;
}

.block-about::before {
	background: url(../../assets/icons/logo/sitelogo-favicon.svg) no-repeat center;
	background-size: contain;
	content: '';
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	top: -24px;
	left: calc( 50% - 24px );
}

.block-about:not(.has-background .block-about) {
	margin-top: 40px !important;
}

.has-background .block-about {
	border-color: var(--wp--preset--color--background);
}

.has-background .block-about::before {
	background: url(../../assets/icons/logo/sitelogo-favicon-white.svg) no-repeat center;
	background-size: contain;
}

.block-about__title {
	font-size: var(--wp--preset--font-size--huge);
	font-family: var(--wp--custom--typography--heading--font-family);
	letter-spacing: var(--wp--custom--typography--heading--letter-spacing);
	text-transform: var(--wp--custom--typography--heading--text-transform);
	line-height: var(--wp--custom--line-height--small);
	font-weight: 400;
	text-transform: uppercase;
	padding-block: 8px;
	border-block: 1px solid var(--wp--preset--color--foreground);
}

.block-about__image {
	margin-bottom: -20px;
}

@media only screen and (max-width: 767px) {
	.block-about__title {
		text-align: center;
	}

	.block-about__title strong {
		display: block;
	}

	.block-about__image {
		margin-top: 8px;
	}
}
@media only screen and (min-width: 767px) {
	.block-about__title {
		display: inline-block;
	}

	.block-about:not(.block-area-sidebar .block-about) {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: row-reverse;
		gap: 40px;
	}

	.block-about:not(.block-area-sidebar .block-about) .block-about__image,
	.block-editor__container .block-about:not(.block-area-sidebar .block-about) img.block-about__image {
		max-width: 293px;
		margin-top: -72px;
	}

	.block-about:not(.block-area-sidebar .block-about) .block-about__content {
		max-width: 711px;
	}

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