.show-for-small {
	display: none;
}

.show-for-medium {
	display: none;
}

.show-for-large {
	display: block;
}

@media only screen and (max-width: 1068px) {
	.show-for-small {
		display: none;
	}

	.show-for-medium {
		display: block;
	}

	.show-for-large {
		display: none;
	}
}

@media only screen and (max-width: 735px) {
	.show-for-small {
		display: block;
	}

	.show-for-medium {
		display: none;
	}

	.show-for-large {
		display: none;
	}
}

@media only screen and (max-width: 320px) {
	.show-for-large {
		display: none;
	}

	.show-for-medium {
		display: none;
	}

	.show-for-small {
		display: block;
	}

	.show-for-xs {
		display: block;
	}
}

.section-router {
	position: relative;
	margin: 0 auto;
	background-color: #f5f5f7;
	margin-top: -40px;
}

@media only screen and (max-width: 1068px) {
	.section-router {
		margin-top: -55px;
	}
}

.section-hero .section-lockup {
	background: 0 0;
}

.section-hero h2 {
	margin-bottom: 0;
	color: #000;
	text-align: center;
}

.section-better-together .grid-item .tile-audio-sharing .tile-copy {
	margin-left: 24px;
}

@media only screen and (max-width: 1068px) {
	.section-better-together .grid-item .tile-audio-sharing .tile-copy {
		margin-left: 0;
	}
}

@media only screen and (max-width: 734px) {
	.section-better-together .grid-item .tile-audio-sharing .tile-copy {
		margin-left: 0;
	}
}

.section-better-together .grid-item .tile-audio-sharing .tile-content {
	flex-direction: column;
}

.section-better-together .grid-item .tile-audio-sharing .overview-better-together-airpods {
	order: 1;
	align-self: center;
	margin-left: 20px;
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.section-better-together .grid-item .tile-audio-sharing .overview-better-together-airpods {
		margin-left: -134.5px;
	}
}

.section-hero .intro-copy {
	margin-top: 0;
}

.section-lookup {
	position: relative;
}

.overview-hero-hero-tv-hw {
	margin: 0 auto;
}

.section-hero .video-container {
	left: 0;
	right: 0;
	margin: 0 auto;
}

.section-hero .hardware-container {
	margin-top: 0;
}

.section-hero {
	padding-top: 40px;
}

.section-hero .logo {
	width: 159px;
	height: 47px;
	background-size: 159px 47px;
	background-repeat: no-repeat;
	background-image: url(/v/apple-tv-4k/ak/images/overview/hero/apple_tv_4k_logo_dark__ehl8j37melea_large.png);
	margin: 25px auto 18px;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	.section-hero .logo {
		background-image: url(/v/apple-tv-4k/ak/images/overview/hero/apple_tv_4k_logo_dark__ehl8j37melea_large_2x.png);
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .logo {
		width: 124px;
		height: 37px;
		background-size: 124px 37px;
		background-repeat: no-repeat;
		background-image: url(/v/apple-tv-4k/ak/images/overview/hero/apple_tv_4k_logo_dark__ehl8j37melea_medium.png);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero .logo {
		background-image: url(/v/apple-tv-4k/ak/images/overview/hero/apple_tv_4k_logo_dark__ehl8j37melea_medium_2x.png);
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .logo {
		width: 101px;
		height: 31px;
		background-size: 101px 31px;
		background-repeat: no-repeat;
		background-image: url(/v/apple-tv-4k/ak/images/overview/hero/apple_tv_4k_logo_dark__ehl8j37melea_small.png);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .logo {
		background-image: url(/v/apple-tv-4k/ak/images/overview/hero/apple_tv_4k_logo_dark__ehl8j37melea_small_2x.png);
	}
}

.typography-cta.cta {
	font-size: 14px;
	line-height: 1.14286;
	font-weight: 600;
	letter-spacing: -0.003em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	margin-top: 12px;
	color: #999;
}

.typography-cta a {
	color: #999;
}

.center {
	text-align: center;
}

.home-control-grid .typography-cta {
	position: absolute;
	left: 80px;
	bottom: 66px;
}

@media only screen and (max-width: 1068px) {
	.home-control-grid .typography-cta {
		bottom: 50px;
	}
}

.section-hero .static-screen {
	background-image: url(/tr/apple-tv-4k/images/overview/hero/hero_staticframe__fc291ipcri2y_large.jpg);
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	.section-hero .static-screen {
		background-image: url(/tr/apple-tv-4k/images/overview/hero/hero_staticframe__fc291ipcri2y_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .static-screen {
		background-image: url(/tr/apple-tv-4k/images/overview/hero/hero_staticframe__fc291ipcri2y_medium.jpg);
	}
}

.section-hero .static-screen {
	position: absolute;
	width: 918px;
	height: 516px;
	background-size: 918px 516px;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1068px) {
	.section-hero .static-screen {
		width: 636px;
		height: 358px;
		background-size: 636px 358px;
		background-repeat: no-repeat;
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero .static-screen {
		background-image: url(/tr/apple-tv-4k/images/overview/hero/hero_staticframe__fc291ipcri2y_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .static-screen {
		background-image: url(/tr/apple-tv-4k/images/overview/hero/hero_staticframe__fc291ipcri2y_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .static-screen {
		background-image: url(/tr/apple-tv-4k/images/overview/hero/hero_staticframe__fc291ipcri2y_small_2x.jpg);
	}
}

.home-control-grid .typography-cta {
	left: 10px;
}

.section-hero .intro-copy {
	opacity: 1 !important;
	padding: 35px 0 90px;
}

@media only screen and (max-width: 734px) {
	.section-hero .intro-copy {
		padding: 40px 0 50px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-ar .section-content {
		padding-bottom: 5.3%;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-hero-hero-tv-hw {
		--p-width: 312px;
		--p-height: 178px;
		visibility: hidden;
	}

	.section-hero .static-screen, .section-hero .video-container {
		width: 312px;
		height: 178px;
	}

	.section-hero .static-screen {
		background-size: 312px 178px;
	}

	.overview-hero-hero-tv-hw img {
		height: 171px;
	}
}

@media only screen and (max-width: 734px) {
	.home-control-grid .typography-cta {
		bottom: auto;
		top: 304px;
		left: 10px;
	}
}

@media only screen and (max-width: 734px) {
	.section-home-control .grid-item .tile .tile-copy, .section-home-control .grid-item .tile-content .tile-copy {
		margin-top: 15px;
	}
}

@media only screen and (max-width: 734px) {
	.typography-cta.cta {
		font-size: 12px;
	}

	.tv-app-router .typography-cta.cta {
		margin-top: 28px;
	}
}

.section-rooms .video-wrapper .play-pause-button {
	opacity: 1;
	pointer-events: all;
	background-position: -80px;
}

.section-rooms .video-wrapper .play-pause-button[data-analytics-title="play rooms videos"] {
	background-position: -40px;
}

.section-rooms .video-wrapper .play-pause-button[data-analytics-title="pause rooms videos"]::after {
	-webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBpZD0iRXhwb3J0YWJsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMWQxZDFmfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJwYXVzZSI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjc1IiB5PSIzIiB3aWR0aD0iNC41IiBoZWlnaHQ9IjE0IiByeD0iMS41Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMS43NSIgeT0iMyIgd2lkdGg9IjQuNSIgaGVpZ2h0PSIxNCIgcng9IjEuNSIvPjwvZz48L3N2Zz4=");
	mask: url("data:image/svg+xml;base64,PHN2ZyBpZD0iRXhwb3J0YWJsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMWQxZDFmfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJwYXVzZSI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjc1IiB5PSIzIiB3aWR0aD0iNC41IiBoZWlnaHQ9IjE0IiByeD0iMS41Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMS43NSIgeT0iMyIgd2lkdGg9IjQuNSIgaGVpZ2h0PSIxNCIgcng9IjEuNSIvPjwvZz48L3N2Zz4=");
}

.room-gallery .device .overview-rooms-screen-tv-app {
	left: 1px;
}

@media only screen and (max-width: 734px) {
	.section-hero h2 {
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 734px) {
	html.enhance-base-xp .section-performance .dolby-container .icon {
		bottom: -50px;
	}
}

.section-hero .inline-video-media {
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 1068px) {
	.section-hero .inline-video-media {
		width: 100%;
		height: 100%;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .static-screen, .section-hero .video-container {
		left: 1px;
		top: 2px;
	}

	.overview-hero-hero-tv-hw {
		visibility: visible;
		--p-height: 186px;
		--p-width: 317px;
	}

	.section-hero .inline-video-media {
		width: 100%;
		height: 100%;
	}

	.overview-hero-hero-tv-hw img {
		height: 186px;
		width: 320px;
	}
}

.section-facetime {
	background-color: #fff;
	position: relative;
	z-index: 1;
	margin-top: 100vh;
}

@media only screen and (max-width: 734px) {
	.section-facetime .badge-container, .section-facetime .section-headline {
		display: block;
		max-width: 310px;
	}
}

.section-facetime .badge {
	color: #b64400;
	background: rgba(245, 99, 0, 0.1);
	box-sizing: border-box;
	display: inline-block;
	min-width: 0;
	position: relative;
	z-index: 1;
	font-size: 17px;
	line-height: 1.3333;
	letter-spacing: -0.01em;
	font-weight: 600;
	border-radius: 6px;
	padding: 6px 9px;
	margin: 0 auto 12px;
}

@media only screen and (max-width: 734px) {
	.section-facetime .badge {
		border-radius: 5px;
		font-size: 12px;
		padding: 4px 6px;
	}
}

.section-facetime .facetime-treatment {
	margin-top: -100vh;
	text-align: center;
	overflow: hidden;
	padding-top: 125px;
}

@media only screen and (max-width: 1068px) {
	.section-facetime .facetime-treatment {
		padding-top: 69px;
	}
}

@media only screen and (max-width: 734px) {
	.section-facetime .facetime-treatment {
		text-align: left;
		padding-bottom: 76px;
	}
}

@media only screen and (max-width: 734px) {
	.section-facetime .facetime-treatment p {
		width: 290px;
	}
}

.section-facetime .image-facetime {
	margin-left: 50%;
	transform: translatex(-50%);
}

@media only screen and (max-width: 1068px) {
	.section-facetime .image-facetime {
		margin-top: 9px;
	}
}

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

.section-facetime .section-intro {
	color: #959495;
	position: relative;
	z-index: 1;
	margin-top: -214px;
	margin-bottom: 156px;
}

@media only screen and (max-width: 1068px) {
	.section-facetime .section-intro {
		margin-top: -132px;
		margin-bottom: 110px;
	}
}

@media only screen and (max-width: 734px) {
	.section-facetime .section-intro {
		text-align: left;
		margin-top: -50px;
		margin-bottom: 0;
	}
}

.section-facetime .section-intro strong {
	color: #1d1d1f;
}

.overview-facetime-facetime {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 1521px;
	--p-height: 870px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-facetime-facetime {
		--p-width: 951px;
		--p-height: 540px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-facetime-facetime {
		--p-width: 496px;
		--p-height: 293px;
	}
}

html.no-js .section-performance .video-titles {
	display: block;
	margin-top: 100px;
}

html.no-js .section-performance .video-titles a {
	color: #f5f5f7;
}

html.no-js .section-performance .video-titles .icon:first-child {
	z-index: 999;
	position: relative;
}

@media only screen and (min-width: 1069px) {
	.section-better-together .grid-item .tile-shareplay .overview-better-together-icon-shareplay {
		margin-top: 60px;
		margin-bottom: 15px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	#overview-better-together-airpods-1, #overview-better-together-icon-shareplay-1 {
		min-height: 202px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.tile-audio-sharing .typography-tile-copy p {
		min-height: 247px;
	}
}

@media only screen and (min-width: 1069px) {
	.overview-better-together-iphone-control {
		--p-height: 366px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.overview-better-together-iphone-control {
		--p-height: 229px;
	}
}

.section-rooms .video-wrapper .room-screen:first-child {
	background-image: url(/tr/apple-tv-4k/images/overview/rooms/screen_tv_app_startframe__dio5utkp3866_large.jpg);
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	.section-rooms .video-wrapper .room-screen:first-child {
		background-image: url(/tr/apple-tv-4k/images/overview/rooms/screen_tv_app_startframe__dio5utkp3866_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-rooms .video-wrapper .room-screen:first-child {
		background-image: url(/tr/apple-tv-4k/images/overview/rooms/screen_tv_app_startframe__dio5utkp3866_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), 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:first-child {
		background-image: url(/tr/apple-tv-4k/images/overview/rooms/screen_tv_app_startframe__dio5utkp3866_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.section-rooms .video-wrapper .room-screen:first-child {
		background-image: url(/tr/apple-tv-4k/images/overview/rooms/screen_tv_app_startframe__dio5utkp3866_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), 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:first-child {
		background-image: url(/tr/apple-tv-4k/images/overview/rooms/screen_tv_app_startframe__dio5utkp3866_small_2x.jpg);
	}
}

.overview-hero-hero-tv-remote {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 332px;
	--p-height: 126px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-hero-hero-tv-remote {
		--p-width: 222px;
		--p-height: 86px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-hero-hero-tv-remote {
		--p-width: 238px;
		--p-height: 92px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .overview-hero-hero-tv-remote {
		margin-top: 41px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .overview-hero-hero-tv-remote {
		margin-top: 40px;
	}
}

html.aow .section-hero .overview-hero-hero-tv-remote, html.hero-fallback .section-hero .overview-hero-hero-tv-remote, html.no-enhance-base-xp .section-hero .overview-hero-hero-tv-remote, html.no-js .section-hero .overview-hero-hero-tv-remote, html.reduced-motion .section-hero .overview-hero-hero-tv-remote {
	transform: scale(1);
	margin-top: 30px;
}

.overview-hero-hero-tv-remote {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 332px;
	--p-height: 126px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-hero-hero-tv-remote {
		--p-width: 222px;
		--p-height: 86px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-hero-hero-tv-remote {
		--p-width: 238px;
		--p-height: 92px;
	}
}

.section-hero .intro-copy .section-content {
	max-width: fit-content;
}

.inline-video-caption.typography-reel-caption {
	opacity: 1;
}

.inline-video-captions-container .typography-reel-caption {
	text-align: right;
	font-size: 16px;
	line-height: 1.125;
	font-weight: 500;
	letter-spacing: 0;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	color: #bebec5;
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
	.inline-video-captions-container .typography-reel-caption {
		text-align: center;
	}
}

@media only screen and (max-width: 734px) {
	.inline-video-captions-container .typography-reel-caption {
		text-align: left;
	}
}

.inline-video-captions-container .typography-reel-caption a {
	color: #bebec5;
}

@media only screen and (max-width: 734px) {
	.section-performance .inline-video-captions-container {
		top: calc(var(--performance-bottom-viewable-height) - 87px);
	}
}

.section-rooms .video-wrapper .room-screen:nth-child(5).overflow-visible {
	overflow: visible;
}

.section-rooms .inline-video-captions-container .inline-video-caption {
	margin-top: 7px;
}

@media only screen and (max-width: 734px) {
	.section-router .lower-container .image-tv-app-container {
		margin: 0 -37px 0 0;
	}
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
	.room.room-screen-savers .section-content {
		width: 717px;
	}
}