.promotion__header {
	--block-offset: 40px;
	display: grid; gap: 40px;
	grid-template-columns: 0.8fr 1fr;
	grid-template-areas: 
		"title image"
		"date  image";
}

.promotion__header .promotion__title {
	grid-area: title;
	font-weight: 400;
/*     font-size: 65px; */
	font-size: clamp(34px, calc(24.4182px + 2.8182vw), 65px);
    line-height: 1.2;
    color: var(--white);
	align-self: end;
	margin-top: var(--block-offset);
}

.promotion__date { 
    grid-area: date;
	font-weight: 400;
/*     font-size: 24px; */
	font-size: clamp(18px, calc(16.1455px + 0.5455vw), 24px);
    line-height: 1;
    color: var(--white);
    justify-self: start;
    align-self: start;
	margin-bottom: var(--block-offset);
}

.promotion__image { 
	grid-area: image; 
	align-self: stretch;
	justify-self: stretch;
	border-radius: var(--radius-lg);
	margin-block: var(--block-offset);
}

.promotion__body {
	padding-block: 100px 70px;
}

.promotion__body .promotion__title {
	font-weight: 400;
/*     font-size: 50px; */
	font-size: clamp(28px, calc(21.2px + 2vw), 50px);
    line-height: 1.5;
    color: var(--white);
}

.apromotion__text {
	margin-top: 70px;
	font-weight: 400;
/*     font-size: 20px; */
	font-size: clamp(16px, calc(14.7636px + 0.3636vw), 20px);
    line-height: 1.2;
    color: var(--white);
}

.promotion__body .promotion__title span {
	margin-top: 30px;
	font-weight: 400;
/*     font-size: 36px; */
	font-size: clamp(22px, calc(17.6727px + 1.2727vw), 36px);
    line-height: 1;
    color: var(--white);
}



@media screen and (max-width: 1000px) {
	.article__header {
		--block-offset: 10px;
		gap: 20px;
		grid-template-columns: 1fr;
		grid-template-areas:
			"title"
			"image"
			"date";
	}
}