/* S&C Historia */
.sc-story { padding-block: clamp(56px, 8vw, 110px) clamp(40px, 4vw, 60px); }

.sc-story__grid {
	position: relative;
	display: grid;
	grid-template-columns: 0.95fr 1.08fr 1.45fr;
	grid-template-areas:
		"head   .    media2"
		"media1 text media2";
	column-gap: clamp(32px, 7vw, 100px);
	row-gap: 20px;
	align-items: start;
}
.sc-story--wide-title-yes .sc-story__grid {
	grid-template-areas:
		"head   head media2"
		"media1 text media2";
}

.sc-story__head { grid-area: head; position: relative; z-index: 1; }
.sc-story__icon { --sc-icon-size: 46px; width: var(--sc-icon-size); height: auto; margin-bottom: 8px; }
.sc-story__title {
	margin: 0;
	font-size: clamp(28px, 2.7vw, 38px);
	font-weight: 400;
	line-height: 1.05;
}

.sc-story__arrow {
	position: absolute;
	left: 21%;
	top: 60px;
	width: clamp(90px, 11vw, 160px);
	color: var(--sc-c-primary);
	transform: rotate(var(--sc-rotate, 0deg));
	pointer-events: none;
}
.sc-story__arrow svg { width: 100%; height: auto; }

.sc-story__media1 { grid-area: media1; margin: 0; }
.sc-story__media2 { grid-area: media2; margin: 0; }
.sc-story__media1 img,
.sc-story__media2 img { width: 100%; height: auto; object-fit: cover; }
.sc-story__media1 img { aspect-ratio: 297 / 346; }
.sc-story__media2 img { aspect-ratio: 452 / 526; }

.sc-story__text { grid-area: text; align-self: end; }
.sc-story__lead {
	margin: 0 0 22px;
	font-family: var(--sc-f-serif);
	font-size: clamp(16px, 1.4vw, 20px);
	font-style: italic;
	line-height: 1.4;
}
.sc-story__lead .sc-flower { --sc-icon-size: 1em; display: inline-block; vertical-align: -0.1em; }
.sc-story__body { margin: 0 0 22px; max-width: 350px; }
.sc-story__btn { min-height: 40px; padding-inline: 30px; }

@media (max-width: 1024px) {
	.sc-story__grid { column-gap: 32px; }
}

@media (max-width: 767px) {
	.sc-story__grid,
	.sc-story--wide-title-yes .sc-story__grid {
		grid-template-columns: 1fr 1.15fr;
		grid-template-areas:
			"head head"
			"media1 media2"
			"text text";
		column-gap: 8px;
		row-gap: 16px;
	}
	.sc-story__arrow { display: none; }
	.sc-story__media2 { margin-top: 30px; }
	.sc-story__media2 img { aspect-ratio: 145 / 178; }
	.sc-story__text { padding-top: 12px; }
	.sc-story__body { max-width: none; }
}