.banner--scroll-text .banner__content { overflow: hidden; }
.banner--scroll-text .banner__media canvas { object-fit: cover; }
.banner--scroll-text .banner__box .banner__heading { width: 500vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: calc(var(--font-heading-scale) * 15rem); white-space: nowrap; }

@media screen and (max-width: 749px) {
	.banner--scroll-text .banner__box .banner__heading { font-size: calc(var(--font-heading-scale) * 10.05rem); }
}