/* Local Overrides */

/* ----  */
@media only screen and (min-width: 1069px) {
	.section-content .copy-container .typography-scenario-intro-copy {
		font-size: 28px;
		line-height: 1.1428571429;
		font-weight: 600;
		letter-spacing: 0.007em;
		font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica,
			Arial, sans-serif;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-content .copy-container .typography-scenario-intro-copy {
		font-size: 19px;
		line-height: 1.2105263158;
		font-weight: 600;
		letter-spacing: 0.012em;
		font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica,
			Arial, sans-serif;
	}
}

@media only screen and (max-width: 734px) {
	.section-content .copy-container .typography-scenario-intro-copy {
		font-size: 17px;
		line-height: 1.2353641176;
		font-weight: 600;
		letter-spacing: -0.001em;
		font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
			sans-serif;
	}
}

/* On The Go */
@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-on-the-go .copy-container {
		margin-top: -30px;
		margin-left: 20px;
	}
}

/* In the Car */
@media only screen and (min-width: 1200px) {
	.section-in-the-car .grid .copy-container .copy {
		padding-left: 40px;
	}
}

@media only screen and (min-width: 1069px) and (max-width: 1199px) {
	.section-in-the-car .grid .copy-container .copy {
		padding-left: 60px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-in-the-car .grid .copy-container .copy {
		padding-left: 62px;
	}
}

@media only screen and (min-width: 1440px) {
	.section-in-the-car .grid .copy-container {
		margin-top: -155px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-in-the-car .grid .copy-container {
		margin-top: -145px;
	}
}

@media only screen and (max-width: 734px) {
	.section-in-the-car .grid .copy-container {
		margin-top: 20px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-scenario-intro {
		padding-left: 20px !important;
		padding-right: 0px !important;
	}
}

@media only screen and (max-width: 1068px) {
	.section-scenario-intro {
		padding-left: 20px !important;
		padding-right: 0px !important;
	}
}

@media only screen and (max-width: 734px) {
	.section-scenario-intro {
		padding-left: 0px !important;
	}
}

@media only screen and (min-width: 1441px) {
	.hey-siri {
		margin-top: 40px;
	}
}

@media only screen and (min-width: 1069px) and (max-width: 1440px) {
	.hey-siri {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 1068px) {
	.hey-siri {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-in-the-car .grid .copy-container.max-height {
		max-height: 285px;
	}
}

@media only screen and (max-width: 734px) {
	.copy .typography-eyebrow-elevated {
		padding-bottom: 165px;
	}
}

@media only screen and (min-width: 734px) {
	.copy-container .max-height .parallax-this .fade-it {
		padding-left: 0px;
	}
}

/* In Action */
.section-working-out .image-wrapper-sticky picture {
	margin-top: -52px;
}

@media only screen and (max-width: 1068px) {
	.section-working-out .image-wrapper-sticky picture {
		margin-top: -26px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-working-out
		> div
		> div.grid.align-hw-right.grid-main
		> div.main-tile.large-span-12.grid
		> div.hey-siri.parallax-this
		> h3 {
		font-size: 45px;
	}
}

/* In the Kitchen */
.section-in-the-kitchen .headline {
	line-height: 0.8em;
}

/* Winding Down */
.section-winding-down .headline {
	line-height: 0.8em;
}
@media only screen and (min-width: 1200px) {
	.section-winding-down .main-tile .hey-siri .typography-headline-elevated {
		width: 440px;
	}
}

.overview-winding-down-tile-2 {
	--p-width: 454px;
	--p-height: 146px;
}

@media only screen and (max-width: 1068px) {
	.overview-winding-down-tile-2 {
		--p-width: 296px;
		--p-height: 78px;
	}
}

@media only screen and (max-width: 734px) {
	.overview-winding-down-tile-2 {
		--p-width: 262px;
		--p-height: 25px;
	}
}

/* Headlines */
@media only screen and (min-width: 1201px) {
	.typography-section-headline {
		font-size: 213px;
		line-height: 0.8em;
	}
}
@media only screen and (min-width: 1069px) and (max-width: 1200px) {
	.typography-section-headline {
		font-size: 193px;
		line-height: 0.8em;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.typography-section-headline {
		font-size: 140px;
		line-height: 0.8em;
	}
}
@media only screen and (max-width: 734px) {
	.typography-section-headline {
		font-size: 65px;
		line-height: 0.8em;
	}
}
@media only screen and (max-width: 344px) {
	.typography-section-headline {
		font-size: 60px;
	}
}

/* Smart Home Siri Does This Header */
.section-siri-does-this .utterance-tag-icon.smart-home + span {
	max-width: none;
}
html.text-zoom .section-siri-does-this .utterance-tag-icon.smart-home + span {
	max-width: unset;
}

/* Routers */
@media only screen and (min-width: 1069px) {
	.section.section-routers .router-container .router .headline {
		font-size: 40px;
	}
}

@media only screen and (max-width: 900px) {
	.section.section-routers .router-container .router .headline {
		font-size: 26px;
	}
}

/* section gradient mobile */
@media only screen and (max-width: 734px) {
	.section-on-the-go .gradient-bg {
		background-size: 100% 78%;
	}
	.section-in-the-car .gradient-bg {
		background-size: 100% 84%;
	}
	.section-working-out .gradient-bg {
		background-size: 100% 81%;
	}
	.section-in-the-kitchen .gradient-bg {
		background-size: 100% 80%;
	}
	.section-winding-down .gradient-bg {
		background-size: 100% 84%;
	}
}