/* Prevent the production card from creating horizontal scroll on phones. */
.brand-logo { height: 42px; }
.site-logo { display: block; width: auto; height: auto; max-width: 145px; max-height: 42px; }
.site-logo-light { filter: brightness(0) invert(1); }
@media (max-width: 760px) {
	.productions, .productions-inner { overflow: hidden; }
	.productions-inner > * { min-width: 0; }
	.sound-card { width: 100%; min-width: 0; overflow: hidden; transform: none; box-shadow: 7px 7px 0 var(--orange); }
	.wave { width: 100%; min-width: 0; max-width: 100%; font-size: 46px; letter-spacing: 0; }
}