/* Local Overrides */

/* 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;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-scenario .main-tile .hey-siri {
		margin-left: 20px;
	}
}

/* In The Car */
/* .section-in-the-car > div > div.grid.grid-main.align-hw-left > div.copy-container > p {
	max-width: 400px;
} */

@media only screen and (min-width: 1200px) {
	.section-in-the-car .grid .copy-container .copy {
		padding-left: 110px;
		min-width: 400px;
		position: relative;
		bottom: 60px;
	}
}
@media only screen and (min-width: 1069px) and (max-width: 1199px) {
	.section-in-the-car .grid .copy-container .copy {
		min-width: 400px;
		padding-left: 98px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-in-the-car .grid .copy-container .copy {
		position: relative;
		bottom: 40px;
		padding-left: 91px;
	}
}

.section-in-the-car .grid .copy-container {
	margin-top: -130px;
}

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

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

/* In The Kitchen */
.section-in-the-kitchen .headline {
	line-height: 0.8em;
}
@media only screen and (min-width: 1200px) {
	.section-in-the-kitchen .main-tile .hey-siri .typography-headline-elevated {
		width: 400px;
	}
}

/* In The Kitchen Alt */
@media only screen and (max-width: 734px) {
	.section-in-the-kitchen.section-scenario .scenario-tile .tile-image {
		padding-right: 0;
		padding-top: 0;
		justify-self: center;
	}
	.section-in-the-kitchen.section-scenario .scenario-tile {
		display: grid;
		min-height: 420px;
		align-items: unset;
		justify-content: unset;
	}
}

/* Winding Down */
.section-winding-down .headline {
	line-height: 0.8em;
}

@media only screen and (min-width: 1069px) {
	.section-winding-down .overview-winding-down-homepod {
		--p-width: 598px;
		--p-height: 1104px;
	}
}
@media only screen and (max-width: 1068px) {
	.section-winding-down .overview-winding-down-homepod {
		--p-width: 388px;
		--p-height: 734px;
	}
}

@media only screen and (max-width: 734px) {
	.section-winding-down .overview-winding-down-homepod {
		--p-width: 236px;
		--p-height: 256px;
	}
}

@media only screen and (max-width: 734px) {
	.section-winding-down .scenario-tile.tile-1 .tile-content-headline {
		max-width: 220px;
	}
}

/* Winding Down Hardware */
@media only screen and (min-width: 1069px) {
	.section-winding-down .section-content .grid .image-wrapper-sticky {
		padding-top: 42px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-winding-down .section-content .grid .image-wrapper-sticky {
		padding-top: 14px;
	}
}

/* Headlines */
@media only screen and (min-width: 1201px) {
	.typography-section-headline {
		font-size: 240px;
		line-height: 0.8em;
	}
}
@media only screen and (min-width: 1069px) and (max-width: 1200px) {
	.typography-section-headline {
		font-size: 216px;
		line-height: 0.8em;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.typography-section-headline {
		font-size: 157px;
		line-height: 0.8em;
	}
}
@media only screen and (max-width: 734px) {
	.typography-section-headline {
		font-size: 68px;
		line-height: 0.8em;
	}
}

/* Siri Does This */
@media only screen and (min-width: 1200px) {
	.section-siri-does-this .typography-headline-super {
		padding-left: 195px;
		padding-right: 195px;
	}
}
@media only screen and (min-width: 1069px) and (max-width: 1199px) {
	.section-siri-does-this .typography-headline-super {
		padding-left: 147px;
		padding-right: 147px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-siri-does-this .typography-headline-super {
		padding-left: 75px;
		padding-right: 75px;
	}
}

/* Routers */
@media only screen and (min-width: 1200px) {
	.section.section-routers .router-container .router .headline {
		font-size: 41px;
		max-width: 320px;
	}
}
@media only screen and (min-width: 1069px) and (max-width: 1199px) {
	.section.section-routers .router-container .router .headline {
		font-size: 38px;
	}
}
@media only screen and (min-width: 910px) and (max-width: 1068px) {
	.section.section-routers .router-container .router .headline {
		font-size: 30px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 909px) {
	.section.section-routers .router-container .router .headline {
		font-size: 23px;
	}
}

/* Hero Alt */
.section-hero-images .column {
	position: absolute;
}

.section-hero-images {
	margin-bottom: 0;
}

.overview-hero-homepod-mini {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 770px;
	--p-height: 631px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-hero-homepod-mini {
		--p-width: 483px;
		--p-height: 393px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-hero-homepod-mini {
		--p-width: 290px;
		--p-height: 235px;
	}
}

.section-hero-images {
	margin-top: 100px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-hero-images {
		margin-top: 100px;
		height: calc(100vh - 250px);
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.section-hero-images {
		margin-top: 100px;
	}
}

.section-hero-copy {
	margin-top: 138px;
	padding-top: 0;
}

@media only screen and (max-width: 1068px) {
	.section-hero-copy {
		margin-top: -79px;
		padding-top: 100px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero-copy {
		margin-top: 45px;
		padding-top: 0;
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero-images {
		min-height: 630px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero-images {
		min-height: 360px;
		height: auto;
	}
}

.section-hero-images picture {
	margin-top: -48px;
}

.section-hero .siri {
	width: 755px;
	height: 428px;
	margin-left: -10px;
	z-index: 10;
	background: linear-gradient(121deg, #fe0576 24%, #ea12b6 40%, #38cbff 60%);
	background-size: 300% 100%;
	animation: gradient 3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

@media only screen and (max-width: 1068px) {
	.section-hero .siri {
		width: 472px;
		height: 287px;
		margin-left: -10px;
		z-index: 10;
		background: linear-gradient(
			121deg,
			#fe0576 24%,
			#ea12b6 40%,
			#38cbff 60%
		);
		background-size: 300% 100%;
		animation: gradient 3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .siri {
		width: 288px;
		height: 194px;
		margin-left: -10px;
		z-index: 10;
		background: linear-gradient(
			121deg,
			#fe0576 24%,
			#ea12b6 40%,
			#38cbff 60%
		);
		background-size: 300% 100%;
		animation: gradient 3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	}
}

.section-hero-images .homepod-update {
	mix-blend-mode: normal;
	z-index: 10;
	position: relative;
	margin-bottom: var(--homepod-bottom);
	transform: scale(1.3) translateY(50%);
}

.section-hero {
	--homepod-bottom: -245px;
	overflow: hidden;
	position: relative;
	padding-bottom: 150px;
	margin-bottom: -150px;
}

@media only screen and (max-width: 1068px) {
	.section-hero {
		padding-bottom: 164px;
		margin-bottom: -170px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero {
		padding-bottom: 72px;
		margin-bottom: -75px;
	}
}

@media only screen and (max-width: 350px) {
	.section-apple-intelligence .badge {
		white-space: normal;
		width: 210px;
	}
}