.block-author-box {
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--normal);
}

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

.block-author-box__corners {
	position: absolute;
	inset-inline: calc(var(--wp--custom--border-width--tiny) * -1);
	height: var(--author-box-corner);
	pointer-events: none;
}

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

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

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

.block-author-box__photo {
	width: 100%;
	max-width: 263px;
}

.block-author-box__photo img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: var(--wp--custom--aspect-ratio);
	object-fit: cover;
	border-radius: 0;
}

.block-author-box__content {
	min-width: 0;
}

.block-author-box__content > * {
	max-width: none;
	margin-inline: 0;
}

.block-author-box__title {
	font-size: var(--wp--preset--font-size--huge);
}

@media (min-width: 768px) {
	.block-author-box:not(.block-area-sidebar *, .cwp-editor-layout-sidebar *, .wp-block-column *) .block-author-box__wrap {
		--author-box-corner: var(--wp--custom--layout--block-gap);
		grid-template-columns: 263px minmax(0, 1fr);
		gap: var(--wp--custom--layout--block-gap-large);
		padding-block: calc(var(--wp--custom--layout--block-gap) * 2);
	}
}