/* start: localised css from /v/siri/h/ */
.section-hero-copy.hero-copy-v2 {
	max-width: 950px;
}

@media only screen and (max-width: 1068px) {
	.section-hero-copy.hero-copy-v2 {
		max-width: 590px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero-copy.hero-copy-v2 {
		max-width: 270px;
	}
}

.section-hero-copy.hero-copy-v2 .parallax-this {
	--gradient-angle: 135deg;
	background-image: linear-gradient(
		var(--gradient-angle),
		var(--gradient-color-1) var(--gradient-color-1-start),
		var(--gradient-color-2) var(--gradient-color-2-start),
		var(--gradient-color-3) var(--gradient-color-3-start)
	);
	margin-left: auto;
	margin-right: auto;
}

.section-hero-copy.hero-copy-v2 .parallax-0 {
	--gradient-color-1-start: 0%;
	--gradient-color-2-start: 85%;
	--gradient-color-3-start: 160%;
}

@media only screen and (max-width: 1068px) {
	.section-hero-copy.hero-copy-v2 .parallax-0 {
		--gradient-color-2-start: 100%;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero-copy.hero-copy-v2 .parallax-0 {
		--gradient-color-2-start: 120%;
	}
}

@media only screen and (min-width: 1069px) {
	.section-hero-copy.hero-copy-v2 .parallax-0 {
		max-width: 45.2941176471rem;
	}
}

.section-hero-copy.hero-copy-v2 .parallax-1 {
	--gradient-color-1-start: -15%;
	--gradient-color-2-start: 70%;
	--gradient-color-3-start: 150%;
}

@media only screen and (max-width: 1068px) {
	.section-hero-copy.hero-copy-v2 .parallax-1 {
		--gradient-color-1-start: -20%;
		--gradient-color-2-start: 85%;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero-copy.hero-copy-v2 .parallax-1 {
		--gradient-color-1-start: -30%;
		--gradient-color-2-start: 100%;
	}
}

@media only screen and (min-width: 1069px) {
	.section-hero-copy.hero-copy-v2 .parallax-1 {
		max-width: 45.2941176471rem;
	}
}

.section-hero-copy.hero-copy-v2 .parallax-2 {
	--gradient-color-1-start: -25%;
	--gradient-color-2-start: 60%;
	--gradient-color-3-start: 130%;
}

@media only screen and (max-width: 1068px) {
	.section-hero-copy.hero-copy-v2 .parallax-2 {
		--gradient-color-1-start: -35%;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero-copy.hero-copy-v2 .parallax-2 {
		--gradient-color-1-start: -60%;
		--gradient-color-2-start: 55%;
	}
}

.section-hero-copy.hero-copy-v2 .parallax-3 {
	--gradient-color-1-start: -45%;
	--gradient-color-2-start: 50%;
	--gradient-color-3-start: 110%;
}

@media only screen and (max-width: 1068px) {
	.section-hero-copy.hero-copy-v2 .parallax-3 {
		--gradient-color-1-start: -60%;
		--gradient-color-2-start: 35%;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero-copy.hero-copy-v2 .parallax-3 {
		--gradient-color-1-start: -100%;
		--gradient-color-2-start: 15%;
		--gradient-color-3-start: 100%;
	}
}
/* end: localised css from /v/siri/h/ */

/* hero */
@media only screen and (min-width: 1069px) {
	.section-apple-intelligence .section-copy {
		max-width: 535px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-apple-intelligence .section-copy {
		max-width: 366px;
	}
}

.inline_nowrap {
	display: inline;
	white-space: nowrap;
}

.overview-car-tile-2 {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 424px;
	--p-height: 84px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-car-tile-2 {
		--p-width: 306px;
		--p-height: 61px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-car-tile-2 {
		--p-width: 251px;
		--p-height: 51px;
	}
}

/* hero */

.section-hero-images .column {
	position: absolute;
}

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

.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;
		min-height: 730px;
	}
}

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

.section-hero-copy {
	margin-top: 96px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: transparent;
}

@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: 0px;
	}
}

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

@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;
	top: 0px;
}

@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: 125px;
	margin-bottom: -177px;
}

@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: 150px;
		margin-bottom: -170px;
	}
}

/* hero end */

/* Apple Intelligence */
.overview-routers-apple-intelligence-2up {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 790px;
	--p-height: 617px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-routers-apple-intelligence-2up {
		--p-width: 566px;
		--p-height: 443px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-routers-apple-intelligence-2up {
		--p-width: 362px;
		--p-height: 283px;
	}
}
/* Apple Intelligence end */

/* winding down (homepod) */
@media only screen and (min-width: 1069px) {
	.overview-winding-down-homepod {
		--p-width: 293px;
		--p-height: 830px;
	}
	.section-winding-down .image-wrapper-sticky picture {
		margin-top: -155px;
	}
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-winding-down-homepod {
		--p-width: 219px;
		--p-height: 618px;
	}
}

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

@media only screen and (orientation: portrait) {
	.section-winding-down .grid-main .image-wrapper-sticky picture {
		top: 40vh;
	}
}

@media only screen and (min-width: 735px) {
	.section-winding-down .align-hw-left .copy-container, .section-winding-down .align-hw-left .hey-siri {
		grid-column-start: 7;
		padding-left: var(--tile-padding);
	}
}

.section-winding-down .align-hw-left .image-wrapper-sticky {
	padding-left: 101px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-winding-down .align-hw-left .image-wrapper-sticky {
		padding-left: 68px;
	}
}

.section-apple-intelligence .headline {
	font-size: 165px;
	line-height: 1;
}

@media only screen and (max-width: 1068px) {
	.section-apple-intelligence .headline {
		font-size: 108px;
	}
}

@media only screen and (max-width: 734px) {
	.section-apple-intelligence .headline {
		font-size: 50px;
	}
}

.section-on-the-go .headline, .section-on-the-go.long-headline .headline {
	font-size: 195px;
	line-height: 1;
}

@media only screen and (max-width: 1068px) {
	.section-on-the-go .headline, .section-on-the-go.long-headline .headline {
		font-size: 130px;
	}
}

@media only screen and (max-width: 734px) {
	.section-on-the-go .headline, .section-on-the-go.long-headline .headline {
		font-size: 60px;
		padding-bottom: 110px;
	}

	.section-on-the-go.long-headline .secondary-image {
		right: 20%;
		top: 47%;
	}
}

.section-in-the-kitchen .headline {
	line-height: 0.95;
}

@media only screen and (max-width: 734px) {
	.section-in-the-kitchen .headline {
		font-size: 80px;
	}
}

.section-in-the-car .grid.grid-main.align-hw-left {
	display: none;
}

.section-working-out .headline {
	line-height: 1.15;
}

.section-winding-down .headline {
	font-size: 240px;
	line-height: 1.15;
}

@media only screen and (max-width: 1068px) {
	.section-winding-down .headline {
		font-size: 160px;
	}
}

@media only screen and (max-width: 734px) {
	.section-winding-down .headline {
		font-size: 74px;
	}
}

.section:not(.section-hero) .typography-headline-elevated {
	font-size: 60px;
}

@media only screen and (max-width: 1068px) {
	.section:not(.section-hero) .typography-headline-elevated {
		font-size: 48px;
	}

	.section-on-the-go .main-tile .hey-siri .main-tile-headline {
		max-width: none;
	}
}

@media only screen and (max-width: 734px) {
	.section:not(.section-hero) .typography-headline-elevated {
		font-size: 32px;
	}
}

@media only screen and (max-width: 734px) {
	.section-in-the-car .scenario-tile.large-span-12, .section-in-the-kitchen .scenario-tile.large-span-12 {
		display: grid;
	}

	.section-in-the-car .scenario-tile.large-span-12 .tile-image, .section-in-the-kitchen .scenario-tile.large-span-12 .tile-image {
		padding-top: 0;
		padding-right: 0;
	}
}

.section-siri-does-this .utterance-tag-icon.smart-home + span {
	max-width: unset;
}

/* on the go section */
.section-on-the-go .overview-go-tile-1 {
	left: 50%;
	bottom: 56px;
}

@media only screen and (max-width: 1068px) {
	.section-on-the-go .overview-go-tile-1 {
		left: 50%;
		bottom: 55px;
	}
}

@media only screen and (max-width: 734px) {
	.section-on-the-go .overview-go-tile-1 {
		left: 50%;
		bottom: 0;
	}
}

/* in the kitchen section */
.section-in-the-kitchen .overview-kitchen-tile-1 {
	left: 78%;
	bottom: 54px;
}

@media only screen and (max-width: 1068px) {
	.section-in-the-kitchen .overview-kitchen-tile-1 {
		left: 75%;
		bottom: 95px;
	}
}

@media only screen and (max-width: 734px) {
	.section-in-the-kitchen .overview-kitchen-tile-1 {
		left: 50%;
		bottom: 8px;
	}
}

.section-in-the-kitchen .scenario-tile .tile-content {
	width: 500px;
}

@media only screen and (max-width: 1068px) {
	.section-in-the-kitchen .scenario-tile .tile-content {
		width: 310px;
	}
}

@media only screen and (max-width: 734px) {
	.section-in-the-kitchen .scenario-tile .tile-content {
		width: 250px;
	}
}

@media only screen and (max-width: 734px) {
	.section-in-the-kitchen.section-scenario .scenario-tile.in-the-kitchen-tile .tile-content {
		margin-bottom: 170px;
	}
}

/* winding down section */
.section-winding-down.section-scenario .scenario-tile.tile-3 .overview-winding-down-tile-2 {
	left: 50%;
	bottom: 120px;
}

@media only screen and (max-width: 1068px) {
	.section-winding-down.section-scenario .scenario-tile.tile-3 .overview-winding-down-tile-2 {
		left: 50%;
		bottom: 83px;
	}
}

@media only screen and (max-width: 734px) {
	.section-winding-down.section-scenario .scenario-tile.tile-3 .overview-winding-down-tile-2 {
		left: 50%;
		bottom: 40px;
	}
}