/* Block: Awards. Figma: Home 1:90-1:108 */

.awards {
	display: grid;
	grid-template-columns: 34.3% 55.4%; /* 610 and 986 of 1780 */
	justify-content: space-between;
}

.awards__intro { padding-bottom: clamp(0px, 2.3vw, 44px); } /* the list ends 44 below the label */
.awards__title { letter-spacing: -0.01em; }

.awards__label {
	margin-top: clamp(40px, 7.35vw, 141px);
	font-size: clamp(3.25rem, 4.69vw, 5.625rem); /* 90 */
	font-weight: 400;
	line-height: 0.89;
	letter-spacing: -0.005em;
}

.awards__label span {
	display: inline-block;
	padding-bottom: 0.14em;
	border-bottom: 2px solid currentColor;
}

.awards__list {
	align-self: end;
	margin: 0;
	line-height: 1.375;
}

.awards__row {
	display: grid;
	grid-template-columns: 33.2% 1fr auto; /* title starts 327 into the 986 column */
	gap: 16px;
	padding-block: clamp(12px, 0.73vw, 14px);
	border-bottom: 1px solid var(--c-line);
}

.awards__row > * { min-width: 0; }
.awards__number { grid-column: 1; }
.awards__name { grid-column: 2; }
.awards__value { grid-column: 3; text-align: right; }

@media (max-width: 1024px) {
	.awards {
		grid-template-columns: 1fr;
		gap: var(--space-m);
	}

	.awards__intro { padding-bottom: 0; }
	.awards__row { grid-template-columns: 3em 1fr auto; }
}

/* Layout "image". Figma: About 1:240-1:254 ------------------------------------ */
.section--awards:has(.awards-media) { --pt: clamp(56px, 5.94vw, 114px); }

.awards-media {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: start;
}

.awards-media__body {
	padding: clamp(0px, 2.24vw, 43px) 24px 0 var(--inset-large);
}

.awards-media__title {
	line-height: 1;
	letter-spacing: -0.05em;
}

.awards-media__list {
	max-width: 650px;
	margin: clamp(28px, 3.7vw, 71px) 0 0;
	padding: 0;
	list-style: none;
	font-size: clamp(1rem, 1.04vw, 1.25rem); /* 20 */
	line-height: 1.1;
	letter-spacing: -0.03em;
}

.awards-media__row {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	padding-block: clamp(16px, 1.2vw, 23px);
	border-bottom: 1px solid var(--c-line-2);
}

.awards-media__note {
	max-width: 18.5em; /* 296 at 16px */
	margin-top: clamp(20px, 1.56vw, 30px);
}

.awards-media__media { aspect-ratio: 960 / 900; }

@media (max-width: 1024px) {
	.awards-media {
		grid-template-columns: 1fr;
		gap: var(--space-m);
	}

	.awards-media__body { padding: 0 var(--gutter); }
	.awards-media__media { aspect-ratio: 3 / 2; }
}