$o-post-bp1: 1100;

.o-post {
	@include mq($o-post-bp1) {
		@include template(main, side);
		display: grid;
		grid-template-columns: 8fr 0.5fr minmax(#{space(40)}, 4fr);
		grid-template-rows: 1fr;
		grid-template-areas: 'main . side';
	}
}


.o-post__side {
	align-self: start;
	justify-self: center;

	@include mq($max: $o-post-bp1) {
		max-width: 24em;
		margin: space(6) auto 0;
	}
}


.o-post__author-image {
	width: 164px;
	height: 164px;
	object-fit: cover;
	//border-top-left-radius: map-get($border-radius, l);
	//border-bottom-right-radius: map-get($border-radius, l);
	border-radius: 500px;
	background-color: palette(neutral, 300);
}


.o-post__author-image--empty {
	margin: auto;
	width: 124px;
	height: 124px;
}


.o-post__desc {
	max-width: 42em;
	margin-top: space(5);
	margin-bottom: space(8);
}