/*
 * SECTION STYLE: STORY SCRIPT (dark, numbered acts).
 */

.aitio-script {
	background: var(--aitio-dark);
	color: var(--aitio-white);
}

.aitio-script__inner {
	display: grid;
	grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr);
	gap: clamp(36px, 7vw, 100px);
	align-items: start;
	padding: clamp(18px, 3vw, 34px) 0;
}

.aitio-script__head {
	position: sticky;
	top: calc(var(--aitio-header-height, 88px) + 24px);
}

.aitio-script__heading {
	margin: 0 0 22px;
	font-size: var(--aitio-h2);
	color: var(--aitio-white);
	max-width: 12ch;
}

.aitio-script__intro {
	color: rgba(249, 249, 249, 0.68);
	max-width: 42ch;
}

.aitio-script__acts {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: none;
}

.aitio-script__act {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: clamp(16px, 3vw, 32px);
	padding: clamp(24px, 3.5vw, 40px) 0;
	border-top: 1px solid rgba(249, 249, 249, 0.18);
}

.aitio-script__act:last-child {
	border-bottom: 1px solid rgba(249, 249, 249, 0.18);
}

.aitio-script__number {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.1em;
	color: var(--aitio-yellow);
	padding-top: 7px;
}

.aitio-script__act-title {
	margin: 0 0 12px;
	font-size: var(--aitio-h4);
	color: var(--aitio-white);
}

.aitio-script__act-text {
	color: rgba(249, 249, 249, 0.7);
	max-width: 56ch;
}

.aitio-script__act-text p:last-child {
	margin-bottom: 0;
}

@media (max-width: 900px) {

	.aitio-script__inner {
		grid-template-columns: 1fr;
	}

	.aitio-script__head {
		position: static;
	}
}

@media (max-width: 520px) {

	.aitio-script__act {
		grid-template-columns: 36px minmax(0, 1fr);
	}
}