/*Local fixes*/

.ribbon-container .ribbon {
	bottom: calc(
		var(--r-localnav-height) + var(--r-globalnav-segmentbar-height) + 40px +
			var(--r-localeswitcher-height, 0px)
	);
}

.touch-control-copy {
	margin-top: 39px;
}

.headline-section {
	line-height: 1;
}

@media only screen and (max-width: 420px) {
	.headline-section {
		font-size: 40px;
	}
}

.section-case-battery .copy--scroll.speaker-case {
	max-width: 320px;
}

.section-magical-experience .magical-copy-icon-wrap:first-child {
	grid-column: 1 / -1;
	width: 50%;
	justify-self: center;
}

@media only screen and (max-width: 1068px) {
	.section-case-battery .copy--scroll.speaker-case {
		max-width: 375px;
	}
}

@media only screen and (max-width: 734px) {
	.section-case-battery .copy--scroll.speaker-case {
		max-width: 275px;
	}

}
@media only screen and (min-width: 1069px) {
	.touch-control-headline {
		--touch-control-gap: 260px;
		position: absolute;
		top: 332px;
		left: 0;
		width: 100%;
	}
	html.mq-large-up-shorter .section-case-battery .copy--scroll {
		max-width: 420px;
	}
	.overview-router-ar {
		margin-top: 15px;
	}
	.section-case-battery .copy--scroll.find-my {
		max-width: 600px;
	}
}

@media only screen and (min-width: 1080px) {
	.touch-control-start {
		position: absolute;
		right: calc(50% + var(--touch-control-gap) / 2 + -17px);
	}

	.touch-control-copy {
		flex-basis: 33.3333333333%;
		max-width: 40.333333%;
	}
}
@media only screen and (max-width: 1068px) {
	.touch-control-copy {
		flex-basis: 41.6666666667%;
		max-width: 42.666667%;
	}
	.touch-control-headline {
		--touch-control-gap: 240px;
		top: 231px;
	}
}
@media only screen and (min-width: 734px) and (max-width: 1056px) {
	.touch-control-copy {
		flex-basis: 41.6666666667%;
		max-width: 67.666667%;
	}
	.touch-control-start {
		position: absolute;
		right: calc(50% + var(--touch-control-gap) / 2 + -43px);
	}
}

@media only screen and (min-width: 735px) and (max-width: 1069px) {
	.factoid .stat-number {
		font-size: 77px;
	}
}

@media only screen and (max-width: 734px) {
	.touch-control-copy {
		flex-basis: 100%;
		max-width: 100%;
	}

	.hero-payoff {
		font-size: 45px;
	}
}

.bento-cell-gestures {
	display: none;
}
@media only screen and (min-width: 1069px) {
	.bento-cell-touch-control .bento-cell-copy {
		width: 50%;
	}
}


/*Local fixes*/