/* Local Overrides */

/* AF+ CTAs */

@media only screen and (min-width: 1069px) {
	.section-rooms a.typography-body-copy-alt + a.typography-body-copy-alt {
		margin-left: 4px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-rooms a.typography-body-copy-alt + a.typography-body-copy-alt {
		margin-left: 0px;
	}
}

/* Fitness static */

.section-rooms .video-wrapper .room-screen-fitness {
	background-image: url(/cl/apple-tv-4k/images/overview/rooms/screen_fitness__e4o2q7rjrc4m_large.jpg);
}
@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
	.section-rooms .video-wrapper .room-screen-fitness {
		background-image: url(/cl/apple-tv-4k/images/overview/rooms/screen_fitness__e4o2q7rjrc4m_large_2x.jpg);
	}
}
@media only screen and (max-width: 1068px) {
	.section-rooms .video-wrapper .room-screen-fitness {
		background-image: url(/cl/apple-tv-4k/images/overview/rooms/screen_fitness__e4o2q7rjrc4m_medium.jpg);
	}
}
@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-rooms .video-wrapper .room-screen-fitness {
		background-image: url(/cl/apple-tv-4k/images/overview/rooms/screen_fitness__e4o2q7rjrc4m_medium_2x.jpg);
	}
}
@media only screen and (max-width: 734px) {
	.section-rooms .video-wrapper .room-screen-fitness {
		background-image: url(/cl/apple-tv-4k/images/overview/rooms/screen_fitness__e4o2q7rjrc4m_small.jpg);
	}
}
@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-rooms .video-wrapper .room-screen-fitness {
		background-image: url(/cl/apple-tv-4k/images/overview/rooms/screen_fitness__e4o2q7rjrc4m_small_2x.jpg);
	}
}

/* Siri AI section */
.overview-siri-ai-siri-endframe {
	display: block;
	--p-width: 814px;
	--p-height: 260px;
	width: var(--p-width);
	height: var(--p-height);
}
@media only screen and (max-width: 1068px) {
	.overview-siri-ai-siri-endframe {
		--p-width: 734px;
		--p-height: 230px;
	}
}
@media only screen and (max-width: 734px) {
	.overview-siri-ai-siri-endframe {
		--p-width: 640px;
		--p-height: 200px;
	}
}

/* Siri AI section */

.overview-siri-ai-siri-endframe {
	display: block;
	--p-width: 814px;
	--p-height: 260px;
	width: var(--p-width);
	height: var(--p-height);
}
@media only screen and (max-width: 1068px) {
	.overview-siri-ai-siri-endframe {
		--p-width: 734px;
		--p-height: 230px;
	}
}
@media only screen and (max-width: 734px) {
	.overview-siri-ai-siri-endframe {
		--p-width: 640px;
		--p-height: 200px;
	}
}

/* Siri Remote section */

.overview-siri-remote-remote-hand {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 482px;
	--p-height: 1802px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-siri-remote-remote-hand {
		--p-width: 302px;
		--p-height: 1128px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-siri-remote-remote-hand {
		--p-width: 302px;
		--p-height: 1128px;
	}
}

.overview-siri-remote-remote-startframe {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 208px;
	--p-height: 752px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-siri-remote-remote-startframe {
		--p-width: 168px;
		--p-height: 560px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-siri-remote-remote-startframe {
		--p-width: 168px;
		--p-height: 560px;
	}
}

.section-siri-remote {
	overflow: hidden;
	position: relative;
	margin-bottom: 0;
	padding-top: 120px;
	padding-bottom: 0;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote {
		padding-top: 100px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote {
		padding-top: 80px;
	}
}

.section-siri-remote .copy {
	color: #6e6e73;
}

.section-siri-remote .copy strong {
	color: #1d1d1f;
}

.section-siri-remote .copy .blue-text {
	color: #07a7f1;
}

.section-siri-remote .copy .red-text {
	color: #fa3b53;
}

.section-siri-remote .section-header-siri-remote {
	text-align: center;
}

.section-siri-remote .section-header-siri-remote .section-intro {
	margin-top: 40px;
	padding: 0 50px;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote .section-header-siri-remote .section-intro {
		margin-top: 28px;
		padding: 0 30px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote .section-header-siri-remote .section-intro {
		margin-top: 20px;
		padding: 0 10px;
	}
}

.section-siri-remote .siri-remote {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin-top: 80px;
}

@media only screen and (min-width: 735px) {
	.section-siri-remote .siri-remote {
		border-bottom: 1px solid #d2d2d7;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote .siri-remote {
		flex-direction: column;
		margin-top: 0px;
	}
}

.section-siri-remote .siri-remote > .left-column {
	margin-top: 148px;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote .siri-remote > .left-column {
		margin-top: 160px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote .siri-remote > .left-column {
		margin-top: 28px;
	}
}

.section-siri-remote .siri-remote > .right-column {
	margin-top: 0px;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote .siri-remote > .right-column {
		margin-top: 0px;
	}
}

.section-siri-remote .siri-remote > .right-column .scroll-sequence {
	display: none;
}

.section-siri-remote .siri-remote > .right-column .remote-container img {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 208px;
	--p-height: 752px;
	width: auto;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-siri-remote .siri-remote > .right-column .remote-container img {
		--p-width: 168px;
		--p-height: 560px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.section-siri-remote .siri-remote > .right-column .remote-container img {
		--p-width: 168px;
		--p-height: 568px;
	}
}

.section-siri-remote .siri-remote > .right-column .remote-container picture {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 208px;
	--p-height: 752px;
	width: auto;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-siri-remote
		.siri-remote
		> .right-column
		.remote-container
		picture {
		--p-width: 168px;
		--p-height: 560px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.section-siri-remote
		.siri-remote
		> .right-column
		.remote-container
		picture {
		--p-width: 168px;
		--p-height: 560px;
	}
}

.section-siri-remote
	.siri-remote
	> .right-column
	.overview-siri-remote-remote-hand {
	z-index: -1;
	position: relative;
	left: 50%;
	margin-left: -241px;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote
		.siri-remote
		> .right-column
		.overview-siri-remote-remote-hand {
		left: 50%;
		margin-left: -151px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote
		.siri-remote
		> .right-column
		.overview-siri-remote-remote-hand {
		left: 50%;
		margin-left: -116px;
	}
}

.section-siri-remote .gestures {
	display: flex;
	flex-direction: row;
	overflow: hidden;
	min-height: 881px;
}
@media (max-width: 1068px) {
	.section-siri-remote .gestures {
		min-height: 710px;
	}
}
@media (max-width: 734px) {
	.section-siri-remote .gestures {
		min-height: 400px;
		margin-bottom: -70px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote .gestures {
		flex-direction: column;
		align-items: center;
	}
	.section-siri-remote .gestures .gestures-wrapper {
		max-width: 300px;
		text-align: center;
	}

	section.section.section-siri-remote
		div:nth-child(2)
		> div.right-column
		div {
		border-bottom: 1px solid #d2d2d7;
	}
}

.section-siri-remote .gestures .left-column {
	height: 685px;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote .gestures .left-column {
		height: 528px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote .gestures .left-column {
		height: 355px;
		order: 2;
	}
}

.section-siri-remote
	.gestures
	.left-column
	.overview-siri-remote-remote-startframe {
	position: relative;
	left: 50%;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote
		.gestures
		.left-column
		.overview-siri-remote-remote-startframe {
		left: 10%;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote
		.gestures
		.left-column
		.overview-siri-remote-remote-startframe {
		margin-left: -48px;
	}
}

.section-siri-remote
	.gestures
	.left-column
	.overview-siri-remote-remote-startframe
	img {
	position: relative;
	width: 430px;
	height: 881px;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote
		.gestures
		.left-column
		.overview-siri-remote-remote-startframe
		img {
		width: 346px;
		height: 710px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote
		.gestures
		.left-column
		.overview-siri-remote-remote-startframe
		img {
		top: 203px;
	}
}

.section-siri-remote .gestures .right-column {
	margin-top: 132px;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote .gestures .right-column {
		margin-top: 66px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote .gestures .right-column {
		margin-top: 30px;
		margin-left: 0;
		order: 1;
	}
}

@media only screen and (max-width: 1068px) {
	html.text-zoom .section-siri-remote .gestures .right-column {
		max-width: 36%;
		flex-basis: 36%;
	}
}

.section-siri-remote .gestures .right-column .copy {
	color: #86868b;
	margin-bottom: 62px;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote .gestures .right-column .copy {
		margin-bottom: 80px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote .gestures .right-column .copy {
		margin-bottom: 42px;
	}
}

.section-siri-remote .gestures .right-column .copy span:not(.nowrap-inline) {
	color: #1d1d1f;
}

html.text-zoom .section-siri-remote .gestures .text-zoom-fix.large-4 {
	flex-basis: 20%;
	max-width: 20%;
}

html.text-zoom .section-siri-remote .gestures .text-zoom-fix.large-3 {
	flex-basis: 40%;
	max-width: 40%;
}

.typography-siri-utterance {
	font-size: 44px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 0em;
	font-family:
		SF Pro Display,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

@media only screen and (max-width: 1068px) {
	.typography-siri-utterance {
		font-size: 33px;
		line-height: 1;
		font-weight: 600;
		letter-spacing: 0em;
		font-family:
			SF Pro Display,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}
}

@media only screen and (max-width: 734px) {
	.typography-siri-utterance {
		font-size: 24px;
		line-height: 1.1666666667;
		font-weight: 600;
		letter-spacing: 0.0045em;
		font-family:
			SF Pro Display,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}
}

.section-siri-remote.enhanced {
	overflow: visible;
}

.section-siri-remote.enhanced .siri-remote {
	flex-direction: column;
	margin-top: 48px;
	--translate-utterances: -250px;
	--translate-remote: 150px;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote.enhanced .siri-remote {
		margin-top: 42px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced .siri-remote {
		margin-top: 0px;
	}
}

.section-siri-remote.enhanced .siri-remote > .left-column {
	order: 2;
	margin-top: calc(-602px - 20vh);
	margin-bottom: 0;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote.enhanced .siri-remote > .left-column {
		margin-top: calc(-460px - 30vh);
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced .siri-remote > .left-column {
		margin-top: 0px;
		order: 1;
		position: sticky;
		top: 80px;
	}
}

.section-siri-remote.enhanced .siri-remote > .right-column {
	position: sticky;
	overflow: hidden;
	z-index: 0;
	order: 1;
	margin-left: 0;
	width: 100%;
	--flow-remote-scaling: 3;
	--flow-remote-translateX: -220px;
	--flow-control-fadeout: 0;
	top: calc(-602px + 95vh);
	height: calc(752px + 20vh);
}

@media only screen and (max-height: 800px) {
	.section-siri-remote.enhanced .siri-remote > .right-column {
		top: 100px;
	}
}

@media only screen and (min-height: 1000px) {
	.section-siri-remote.enhanced .siri-remote > .right-column {
		top: calc(-652px + 80vh);
	}
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote.enhanced .siri-remote > .right-column {
		--flow-remote-translateX: -150px;
		top: calc(-460px + 85vh);
		height: calc(560px + 30vh);
	}
}

@media only screen and (max-width: 1068px) and (max-height: 650px) {
	.section-siri-remote.enhanced .siri-remote > .right-column {
		top: 100px;
	}
}

@media only screen and (max-width: 1068px) and (min-height: 900px) {
	.section-siri-remote.enhanced .siri-remote > .right-column {
		--flow-remote-scaling: 3;
		top: calc(-460px + 70vh);
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced .siri-remote > .right-column {
		--flow-remote-scaling: 1.9;
		height: calc(260px + 15vh);
		top: calc(-220px + 85vh);
	}
}

@media only screen and (max-width: 734px) and (min-height: 600px) {
	.section-siri-remote.enhanced .siri-remote > .right-column {
		top: calc(
			85vh -
				image-height-for(
					overview_siri-remote_remote_startframe,
					small
				) +
				104px
		);
	}
}

.section-siri-remote.enhanced .siri-remote > .right-column .remotes-container {
	display: flex;
	justify-content: center;
	transform-origin: 50% 0%;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote.enhanced
		.siri-remote
		> .right-column
		.remotes-container {
		transform-origin: 50% 0%;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced
		.siri-remote
		> .right-column
		.remotes-container {
		transform-origin: 50% 0%;
	}
}

.section-siri-remote.enhanced
	.siri-remote
	> .right-column
	.remotes-container.will-change {
	will-change: transform;
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced
		.siri-remote
		> .right-column.full-calculated-height-small
		.remotes-container {
		height: 100%;
	}
}

.section-siri-remote.enhanced .siri-remote > .right-column .scroll-sequence {
	display: block;
	position: absolute;
	top: 0;
	z-index: 1;
	opacity: 0;
}

.section-siri-remote.enhanced
	.siri-remote
	> .right-column
	.scroll-sequence.show {
	opacity: 1;
}

.section-siri-remote.enhanced
	.siri-remote
	> .right-column
	.scroll-sequence
	canvas {
	top: -6.5px;
	left: 1px;
	height: 764px;
	position: relative;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote.enhanced
		.siri-remote
		> .right-column
		.scroll-sequence
		canvas {
		top: -2px;
		left: 2px;
		height: 568px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced
		.siri-remote
		> .right-column
		.scroll-sequence
		canvas {
		top: -3px;
		left: 2px;
		height: 568px;
	}
}

.section-siri-remote.enhanced .siri-remote > .right-column .remote-container {
	position: relative;
	width: 100%;
	margin-top: 0px;
	left: 141px;
	top: -1px;
	will-change: transform;
	z-index: 2;
	opacity: 1;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote.enhanced
		.siri-remote
		> .right-column
		.remote-container {
		left: 76px;
		top: 1px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced
		.siri-remote
		> .right-column
		.remote-container {
		left: 41px;
		top: 0px;
	}
}

.section-siri-remote.enhanced
	.siri-remote
	> .right-column
	.remote-container.hide {
	opacity: 0;
}

.section-siri-remote.enhanced .siri-remote .gestures {
	order: 3;
	--scroll-offset: 50vh;
	height: calc(100vh + var(--scroll-offset));
	overflow: visible;
	margin-bottom: 20vh;
	--canvas-control-kf-start: a0b - 150vh;
	--canvas-control-kf-end: a0b - 100vh;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote.enhanced .siri-remote .gestures {
		margin-bottom: 40vh;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced .siri-remote .gestures {
		margin-bottom: 0vh;
	}
}

.section-siri-remote.enhanced .siri-remote .gestures > .right-column {
	position: sticky;
	height: -moz-fit-content;
	height: fit-content;
	top: 50vh;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote.enhanced .siri-remote .gestures > .right-column {
		top: 50vh;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced .siri-remote .gestures > .right-column {
		top: 0vh;
		position: relative;
	}
}

.section-siri-remote.enhanced
	.siri-remote
	.gestures
	> .right-column
	.gestures-wrapper {
	position: absolute;
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced
		.siri-remote
		.gestures
		> .right-column
		.gestures-wrapper {
		position: relative;
	}
}

.section-siri-remote.enhanced
	.siri-remote
	.gestures
	> .right-column
	.gestures-wrapper.will-change {
	will-change: transform;
}

.section-siri-remote.enhanced .siri-remote .gestures [data-gestures-copy] {
	transition: opacity 0.25s ease-in-out;
	opacity: 0;
}

.section-siri-remote.enhanced
	.siri-remote
	.gestures
	[data-gestures-copy].fade-in {
	opacity: 1;
}

.section-siri-remote.enhanced
	.siri-remote
	.gestures
	[data-gestures-copy].fade-out {
	opacity: 0.1;
}

.section-siri-remote.enhanced
	.siri-remote
	.gestures
	[data-gestures-copy]:first-child {
	--vo-scroll: a0t - 20vh;
}

.section-siri-remote.enhanced
	.siri-remote
	.gestures
	[data-gestures-copy]:nth-child(2) {
	--vo-scroll: a0t + 40vh;
}

.section-siri-remote.enhanced
	.siri-remote
	.gestures
	[data-gestures-copy]:last-child {
	--vo-scroll: a0t + 100vh;
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced .siri-remote .gestures [data-gestures-copy] {
		transition: none;
		position: relative;
	}

	.section-siri-remote.enhanced
		.siri-remote
		.gestures
		[data-gestures-copy]:last-child {
		--vo-scroll: a0t + 40vh;
	}
}

@media only screen and (max-width: 1068px) and (min-height: 1100px) {
	.section-siri-remote.enhanced .siri-remote .gestures {
		width: 100%;
		margin-top: 0px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced .siri-remote .gestures {
		height: auto;
	}
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote.enhanced .siri-remote .gestures {
		--canvas-control-kf-start: a0b - 150vh;
		--canvas-control-kf-end: a0b - 100vh;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced .siri-remote .gestures {
		--canvas-control-kf-start: a0t - 30vh;
		--canvas-control-kf-end: a0t + 70vh;
		margin-bottom: 150px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced .siri-remote .gestures .left-column {
		height: auto;
	}
}

.section-siri-remote.enhanced
	.siri-remote
	.gestures
	.left-column
	.overview-siri-remote-remote-startframe {
	display: none;
}

.section-siri-remote.enhanced .siri-remote .gestures .right-column {
	margin-top: 0;
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced
		.siri-remote
		.gestures
		.right-column
		.gestures-wrapper {
		display: flex;
		flex-direction: column;
		height: auto;
	}
}

.section-siri-remote.enhanced .siri-remote.remove-flow {
	--translate-utterances: 0px;
	--translate-remote: 0px;
}

.section-siri-remote.enhanced .siri-remote.remove-flow > .right-column {
	--flow-remote-scaling: 1;
	--flow-remote-translateX: 0;
	--flow-remote-translateY: 0;
	--flow-control-fadeout: 1;
}

@media only screen and (max-width: 1068px) {
	.section-siri-remote.enhanced .siri-remote.remove-flow > .right-column {
		transform: translateY(7vh);
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote.enhanced .siri-remote.remove-flow > .right-column {
		transform: translateY(0vh);
	}
}

.section-siri-remote.enhanced
	.siri-remote.remove-flow
	> .right-column
	.scroll-sequence {
	display: none;
}

.section-siri-remote.enhanced
	.siri-remote.remove-flow
	> .right-column
	.remote-container.hide {
	opacity: 1;
}

.section-siri-remote.enhanced .siri-remote.remove-flow .gestures {
	margin-bottom: 100vh;
}

@media only screen and (min-width: 735px) {
	html.aow .section-siri-remote .right-column .remote-container picture,
	html.no-enhance-base-xp
		.section-siri-remote
		.right-column
		.remote-container
		picture,
	html.no-js .section-siri-remote .right-column .remote-container picture,
	html.no-siri .section-siri-remote .right-column .remote-container picture,
	html.reduced-motion
		.section-siri-remote
		.right-column
		.remote-container
		picture {
		display: none;
	}
}

@media only screen and (max-width: 1068px) {
	html.aow
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-startframe,
	html.no-enhance-base-xp
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-startframe,
	html.no-js
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-startframe,
	html.no-siri
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-startframe,
	html.reduced-motion
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-startframe {
		margin-left: 0;
	}
}

@media only screen and (max-width: 734px) {
	html.aow
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-startframe,
	html.no-enhance-base-xp
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-startframe,
	html.no-js
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-startframe,
	html.no-siri
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-startframe,
	html.reduced-motion
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-startframe {
		display: none;
	}
}

@media only screen and (max-width: 734px) {
	html.aow
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-endframe,
	html.no-enhance-base-xp
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-endframe,
	html.no-js
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-endframe,
	html.no-siri
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-endframe,
	html.reduced-motion
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-endframe {
		margin-left: -82px;
		height: 326px;
	}

	html.aow
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-endframe
		img,
	html.no-enhance-base-xp
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-endframe
		img,
	html.no-js
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-endframe
		img,
	html.no-siri
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-endframe
		img,
	html.reduced-motion
		.section-siri-remote
		.left-column
		.overview-siri-remote-remote-endframe
		img {
		top: 90px;
		transform: scale(1.2);
	}

	html.aow .section-siri-remote .right-column .remote-container picture,
	html.no-enhance-base-xp
		.section-siri-remote
		.right-column
		.remote-container
		picture,
	html.no-js .section-siri-remote .right-column .remote-container picture,
	html.no-siri .section-siri-remote .right-column .remote-container picture,
	html.reduced-motion
		.section-siri-remote
		.right-column
		.remote-container
		picture {
		position: relative;
		left: 50%;
		margin-left: -104px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
	html.aow .section-siri-remote .right-column .remote-container picture,
	html.no-enhance-base-xp
		.section-siri-remote
		.right-column
		.remote-container
		picture,
	html.no-js .section-siri-remote .right-column .remote-container picture,
	html.no-siri .section-siri-remote .right-column .remote-container picture,
	html.reduced-motion
		.section-siri-remote
		.right-column
		.remote-container
		picture {
		left: 50%;
		margin-left: -84px;
	}
}

@media only screen and (max-width: 734px) {
	.section-siri-remote .right-column .remote-container picture {
		margin-left: auto;
		margin-right: auto;
		width: 277px;
		height: 568px;
	}
}

.section-siri-remote .typography-section-headline {
	font-size: 80px;
	line-height: 1.05;
	font-weight: 600;
	letter-spacing: 0em;
	margin-bottom: 0;
}

@media (max-width: 1068px) {
	.section-siri-remote .typography-section-headline {
		font-size: 56px;
		font-weight: 600;
		letter-spacing: 0em;
	}
}
@media (max-width: 734px) {
	.section-siri-remote .typography-section-headline {
		font-size: 40px;
		font-weight: 600;
		letter-spacing: 0em;
	}
}

.overview-siri-remote-remote-startframe {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 208px;
	--p-height: 752px;
}

.typography-siri-remote-copy {
	font-size: 21px;
	line-height: 1.1904761905;
	font-weight: 600;
	letter-spacing: 0.005em;
	font-family:
		SF Pro Display,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

@media only screen and (max-width: 1068px) {
	.typography-siri-remote-copy {
		font-size: 17px;
		line-height: 1.2353641176;
		font-weight: 600;
		letter-spacing: -0.011em;
		font-family:
			SF Pro Text,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}
}

.section-siri-ai .siri-ai-utterances .siri-gradient-headline {
	-webkit-text-fill-color: unset;
	-webkit-box-decoration-break: unset;
	box-decoration-break: unset;
	background: none;
	color: #fff;
}

/* Rooms section - iPhone item */
.section-better-together .grid-item .tile-iphone-control {
	min-height: unset;
}

.section-better-together .grid-item .tile-iphone-control .tile-content {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	min-height: 328px;
}

@media only screen and (max-width: 1068px) {
	.section-better-together .grid-item .tile-iphone-control .tile-content {
		min-height: 214px;
	}
}

@media only screen and (max-width: 734px) {
	.section-better-together .grid-item .tile-iphone-control .tile-content {
		min-height: auto;
		display: block;
	}
}

@media only screen and (min-width: 1069px) {
	.section-better-together
		.grid-item
		.tile-iphone-control
		.tile-copy
		.tile-copy {
		padding: 40px 46px;
	}
}

@media only screen and (min-width: 735px) {
	.section-better-together .grid-item .tile-iphone-control .tile-copy {
		position: relative;
		z-index: 1;
	}
}

.section-better-together .grid-item .tile-iphone-control .tile-copy p {
	width: 379px;
}

@media only screen and (max-width: 1068px) {
	.section-better-together .grid-item .tile-iphone-control .tile-copy p {
		width: 270px;
	}
}

@media only screen and (max-width: 734px) {
	.section-better-together .grid-item .tile-iphone-control .tile-copy p {
		width: auto;
	}
}

.section-better-together .grid-item .tile-iphone-control .image-wrapper {
	padding-top: 54px;
}

@media only screen and (min-width: 735px) {
	.section-better-together .grid-item .tile-iphone-control .image-wrapper {
		position: relative;
		z-index: 0;
		width: 50%;
	}
}

@media only screen and (max-width: 1068px) {
	.section-better-together .grid-item .tile-iphone-control .image-wrapper {
		padding-top: 71px;
	}
}

@media only screen and (max-width: 734px) {
	.section-better-together .grid-item .tile-iphone-control .image-wrapper {
		height: unset;
		padding-top: unset;
	}
}

.section-better-together
	.grid-item
	.tile-iphone-control
	.overview-better-together-iphone-control {
	right: -7px;
}
