.ojch-discipline-story__footer {
	background: #23211e;
	color: #fff;
	border-top-color: #cfc9c0;
}

.ojch-discipline-story__footer button,
.ojch-discipline-story__footer button:last-child {
	background: transparent;
	color: #85817b;
	border-color: transparent;
}

.ojch-discipline-story__footer .ojch-discipline-phase-icon {
	opacity: 0.46;
	transform: scale(0.82);
	transform-origin: center;
	transition: color 180ms ease, filter 180ms ease, opacity 180ms ease, transform 180ms ease;
}

.ojch-discipline-story__footer button[aria-pressed='true'],
.ojch-discipline-story__footer button[aria-current='step'] {
	background: transparent;
	color: #faf8f4;
}

.ojch-discipline-story__footer button[aria-pressed='true'] .ojch-discipline-phase-icon,
.ojch-discipline-story__footer button[aria-current='step'] .ojch-discipline-phase-icon {
	filter: drop-shadow(0 0 0.32rem rgb(250 248 244 / 35%));
	opacity: 1;
	transform: scale(1.22);
}

.ojch-discipline-story__footer button:hover .ojch-discipline-phase-icon {
	opacity: 0.78;
	transform: scale(0.94);
}

.ojch-discipline-story__footer button[aria-pressed='true']:hover .ojch-discipline-phase-icon,
.ojch-discipline-story__footer button[aria-current='step']:hover .ojch-discipline-phase-icon {
	opacity: 1;
	transform: scale(1.22);
}

.ojch-scroll-video.is-looping-film {
	min-height: auto !important;
	margin-block-start: 0 !important;
	margin-top: 0 !important;
	padding: clamp(3rem, 7vh, 6rem) 0 clamp(2.5rem, 5vh, 5rem);
	overflow: clip;
	background: #23211e;
	color: #faf8f4;
}

.ojch-scroll-video.is-looping-film .ojch-scroll-video__sticky {
	position: relative !important;
	top: auto !important;
	min-height: 0 !important;
	height: auto !important;
}

.ojch-scroll-video.is-looping-film .ojch-scroll-video__stage {
	position: relative;
	left: 50%;
	width: 100vw;
	max-width: none;
	height: clamp(22rem, 52svh, 44rem) !important;
	min-height: 0 !important;
	margin-left: -50vw;
	overflow: hidden;
	background: #171614;
	box-shadow: inset 0 1px 0 rgb(250 248 244 / 7%), inset 0 -1px 0 rgb(250 248 244 / 7%);
}

.ojch-scroll-video.is-looping-film .ojch-scroll-video__poster,
.ojch-scroll-video.is-looping-film video {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: auto !important;
	left: 0 !important;
	display: block;
	width: 100% !important;
	height: 150% !important;
	object-fit: cover;
	object-position: 50% 100%;
	transform-origin: 50% 0;
	will-change: transform;
}

.ojch-scroll-video.is-looping-film .ojch-scroll-video__poster img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 100%;
}

.ojch-scroll-video.is-looping-film .ojch-scroll-video__caption {
	width: min(92vw, 125rem);
	margin: clamp(1.1rem, 1.8vw, 1.8rem) auto 0;
	padding-inline: 0;
	color: #faf8f4;
}

.ojch-scroll-video.is-looping-film .ojch-scroll-video__play {
	z-index: 4;
}

@media (max-width: 60rem) {
	.ojch-scroll-video.is-looping-film {
		padding-block: 2.25rem 2rem;
	}

	.ojch-scroll-video.is-looping-film .ojch-scroll-video__caption {
		width: calc(100vw - 2rem);
	}

	.ojch-scroll-video.is-looping-film .ojch-scroll-video__stage {
		height: clamp(16rem, 44svh, 27rem) !important;
	}

	.ojch-scroll-video.is-looping-film .ojch-scroll-video__poster,
	.ojch-scroll-video.is-looping-film video {
		height: 142% !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ojch-scroll-video.is-looping-film .ojch-scroll-video__poster,
	.ojch-scroll-video.is-looping-film video {
		transform: none;
	}
}
