html #ac-globalnav {
	position: fixed;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}

.main {
	position: relative;
	max-width: 2560px;
	margin: 0 auto;
}

.main section.section.section-banner {
	margin: 0;
	padding: 1em 0;
	color: #fff;
	text-align: center;
	font-size: 14px;
	background-color: #0071e3;
}
.main section.section.section-banner .section-content .row > .column {
	padding: 0;
}
.main section.section.section-banner p {
	margin: 0;
	padding: 0;
}
.main section.section.section-banner a {
	color: #fff;
}

.main .homepage-section .homepage-section-positions,
.main .homepage-section .homepage-section-item {
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
}

.logo-image {
	margin: 0 auto;
}

.bg-blue {
	background: linear-gradient(320deg, #d2e3f3 0%, #eff5f9 100%);
}

.bg-orange {
	background: linear-gradient(180deg, #ea3625 0%, #fa722d 100%);
}

.theme-dark.bg-orange a.more {
	color: #fff;
}

.section.section-announce {
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 12px 0;
}

.section.section-announce h3 {
	margin-bottom: 0.75em;
}

.section.section-announce p {
	margin-top: 0;
}

.section.section-announce .icon-developer-app {
	margin: 0.25em auto 1em;
	height: 64px;
	width: 64px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("/assets/elements/icons/apple-developer-app/apple-developer-app-64x64.png");
	background-size: 64px 64px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5) {
	.section.section-announce .icon-app-store {
		background-image: url("/assets/elements/icons/apple-developer-app/apple-developer-app-64x64_2x.png");
	}
}

.section-heroes .unit-image-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.section-heroes .unit-image-wrapper.image-constraints-full {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.section-heroes.homepage-section {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.section-heroes.homepage-section .homepage-section-positions {
	width: 100%;
}

.section-heroes.homepage-section .homepage-section-item {
	display: block;
	width: 100%;
	/* background:#fafafa; */
	border-bottom: 12px solid #fff;
}

.main .section-heroes.homepage-section {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.main .section-heroes.homepage-section .homepage-section-positions {
	width: 100%;
}

.main .section-heroes.homepage-section .homepage-section-item {
	display: block;
	width: 100%;
	border-bottom: 12px solid #fff;
}

.main .section-heroes.homepage-section .unit-wrapper,
.main .section-heroes.homepage-section .hero {
	position: relative;
	overflow: hidden;
	height: 580px;
}

@media only screen and (max-width: 1068px) {
	.main .section-heroes.homepage-section .unit-wrapper,
	.main .section-heroes.homepage-section .hero {
		height: 569px;
	}
}

@media only screen and (max-width: 734px) {
	.main .section-heroes.homepage-section .unit-wrapper,
	.main .section-heroes.homepage-section .hero {
		height: 500px;
	}
}

/* @media only screen and (min-width: 1069px) and (min-height: 776px) {
	.main .section-heroes.homepage-section .unit-wrapper, 
	.main .section-heroes.homepage-section .hero {
		height: 692px
	}
}

@media only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) {
	.main .section-heroes.homepage-section .unit-wrapper, 
	.main .section-heroes.homepage-section .hero {
		height: 650px
	}
} */

.section-heroes.homepage-section .unit-wrapper {
	position: relative;
	overflow: hidden;
	height: 580px;
}

@media only screen and (max-width: 1068px) {
	.section-heroes.homepage-section .unit-wrapper {
		height: 569px;
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes.homepage-section .unit-wrapper {
		height: 500px;
	}
}

.section-heroes.homepage-section .unit-copy-wrapper {
	text-align: center;
	padding-top: 47px;
}

@media only screen and (max-width: 1068px) {
	.section-heroes.homepage-section .unit-copy-wrapper {
		padding-top: 57px;
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes.homepage-section .unit-copy-wrapper {
		padding-top: 37px;
	}
}

.section-heroes.homepage-section .headline {
	font-size: 56px;
	line-height: 1.07143;
	font-weight: 600;
	letter-spacing: -0.005em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}

.section-heroes.homepage-section .headline:lang(ar) {
	line-height: 1.22369;
	letter-spacing: 0em;
	font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-heroes.homepage-section .headline:lang(ja) {
	line-height: 1.125;
	letter-spacing: 0em;
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
		"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ",
		"Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial",
		sans-serif;
}

.section-heroes.homepage-section .headline:lang(ko) {
	letter-spacing: 0em;
	font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic",
		"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
		"Helvetica", "Arial", sans-serif;
}

.section-heroes.homepage-section .headline:lang(th) {
	font-size: 50px;
	line-height: 1.34;
	letter-spacing: 0em;
	font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
		"Helvetica", "Arial", sans-serif;
}

.section-heroes.homepage-section .headline:lang(zh) {
	letter-spacing: 0em;
}

.section-heroes.homepage-section .headline:lang(zh-CN) {
	font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-heroes.homepage-section .headline:lang(zh-HK) {
	font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-heroes.homepage-section .headline:lang(zh-MO) {
	font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons",
		"PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-heroes.homepage-section .headline:lang(zh-TW) {
	font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

@media only screen and (max-width: 1068px) {
	.section-heroes.homepage-section .headline {
		font-size: 44px;
		line-height: 1.09091;
		font-weight: 600;
		letter-spacing: -0.002em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(ar) {
		line-height: 1.29585;
		letter-spacing: 0em;
		font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(ja) {
		line-height: 1.15917;
		letter-spacing: 0em;
		font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
			"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ",
			"Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial",
			sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(ko) {
		letter-spacing: 0em;
		font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic",
			"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(th) {
		font-size: 40px;
		line-height: 1.3;
		letter-spacing: 0em;
		font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(zh) {
		letter-spacing: 0em;
	}

	.section-heroes.homepage-section .headline:lang(zh-CN) {
		font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(zh-HK) {
		font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(zh-MO) {
		font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons",
			"PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(zh-TW) {
		font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes.homepage-section .headline {
		font-size: 32px;
		line-height: 1.125;
		font-weight: 600;
		letter-spacing: 0.004em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(th) {
		font-size: 29px;
		line-height: 1.44828;
		letter-spacing: 0em;
		font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(ar) {
		line-height: 1.34375;
		font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(ja) {
		line-height: 1.21875;
		font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
			"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ",
			"Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial",
			sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(ko) {
		font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic",
			"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(zh-CN) {
		font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(zh-HK) {
		font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(zh-MO) {
		font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons",
			"PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .headline:lang(zh-TW) {
		font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}
}

.section-heroes.homepage-section .subhead {
	font-size: 27px;
	line-height: 1.14815;
	font-weight: 400;
	letter-spacing: 0.008em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
	margin-top: 6px;
}

.section-heroes.homepage-section .subhead.small-text {
	font-size: 21px;
	line-height: 1.2381;
	font-weight: 400;
	letter-spacing: 0.016em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
	margin-top: 4px;
	max-width: 590px;
}

.section-heroes.homepage-section .subhead:lang(th) {
	font-size: 24px;
	line-height: 1.45849;
	letter-spacing: 0em;
	font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
		"Helvetica", "Arial", sans-serif;
}

.section-heroes.homepage-section .subhead:lang(ar) {
	line-height: 1.35195;
	font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-heroes.homepage-section .subhead:lang(ja) {
	line-height: 1.25926;
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
		"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ",
		"Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial",
		sans-serif;
}

.section-heroes.homepage-section .subhead:lang(ko) {
	font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic",
		"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
		"Helvetica", "Arial", sans-serif;
}

.section-heroes.homepage-section .subhead:lang(zh-CN) {
	font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-heroes.homepage-section .subhead:lang(zh-HK) {
	font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-heroes.homepage-section .subhead:lang(zh-MO) {
	font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons",
		"PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-heroes.homepage-section .subhead:lang(zh-TW) {
	font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

@media only screen and (max-width: 1068px) {
	.section-heroes.homepage-section .subhead {
		font-size: 24px;
		line-height: 1.16667;
		font-weight: 400;
		letter-spacing: 0.009em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(th) {
		font-size: 22px;
		line-height: 1.59091;
		letter-spacing: 0em;
		font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(ar) {
		line-height: 1.35417;
		font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(ja) {
		line-height: 1.25;
		font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
			"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ",
			"Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial",
			sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(ko) {
		font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic",
			"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(zh-CN) {
		font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(zh-HK) {
		font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(zh-MO) {
		font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons",
			"PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(zh-TW) {
		font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes.homepage-section .subhead {
		font-size: 19px;
		line-height: 1.42115;
		font-weight: 400;
		letter-spacing: 0.012em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(th) {
		line-height: 1.57895;
		letter-spacing: 0em;
		font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(ar) {
		line-height: 1.57895;
		font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(ja) {
		line-height: 1.47384;
		font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
			"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ",
			"Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial",
			sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(ko) {
		font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic",
			"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(zh-CN) {
		font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(zh-HK) {
		font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(zh-MO) {
		font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons",
			"PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-heroes.homepage-section .subhead:lang(zh-TW) {
		font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}
}

@media only screen and (max-width: 1068px) {
	.section-heroes.homepage-section .subhead {
		margin-top: 5px;
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes.homepage-section .subhead {
		margin-top: 2px;
	}
}

.cta-links {
	text-align: center;
	margin: 1em auto 0;
	z-index: 5 !important;
}

@media only screen and (max-width: 1068px) {
	.cta-links {
		display: flex;
		flex-direction: column;
	}
}

.cta-links a {
	color: #fff !important;
	padding: 0 0.5em;
}

.section-heroes.homepage-section .homepage-section-item:last-child {
	border-bottom: none;
}

.section-heroes.homepage-section .unit-wrapper .unit-image {
	z-index: 1;
	position: absolute;
	border: 0;
	margin: 0;
	padding: 0;
	left: calc(50% + 0px);
	right: auto;
	bottom: 0px;
	top: auto;
	-webkit-transform: translatex(-50%);
	-ms-transform: translatex(-50%);
	transform: translatex(-50%);
}

.section-heroes.homepage-section:first-child
	.homepage-section-item:nth-child(-n + 1) {
	border-top: 0px;
}

.section-heroes.homepage-section:first-child
	.homepage-section-item:nth-child(-n + 1)
	.promo-managed-unit
	.unit-wrapper {
	overflow-y: visible;
	overflow-x: hidden;
}

.section-heroes
	.promo-managed-unit
	.unit-copy-wrapper
	.links
	a:not(:first-of-type) {
	margin-left: 1em;
}

@media only screen and (min-width: 736px) {
	.section-heroes.homepage-section:first-child
		.homepage-section-item:nth-child(-n + 1)
		.promo-managed-unit {
		padding-top: 0px;
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes.homepage-section:first-child
		.homepage-section-item:nth-child(-n + 1)
		.promo-managed-unit {
		padding-top: 0;
	}
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper.unit-wrapper.unit-wrapper-reverse {
	flex-direction: column-reverse;
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper.unit-wrapper-reverse
	.unit-copy-wrapper {
	bottom: 70px;
}

@media only screen and (max-width: 734px) {
	.section-heroes
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper.unit-wrapper-reverse
		.unit-copy-wrapper {
		bottom: 37px;
	}
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	a.unit-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	outline: none;
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	a.unit-link:hover {
	text-decoration: none;
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	a.unit-link:focus {
	outline-offset: -3px;
}

html.ie
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	a.unit-link:focus {
	top: 3px;
	left: 3px;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	a:not(.unit-link) {
	z-index: 4;
	text-decoration: none;
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	a:not(.unit-link):hover {
	text-decoration: underline;
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-copy-wrapper {
	position: relative;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-copy-wrapper
	> *:not(a) {
	position: relative;
	z-index: 2;
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-copy-wrapper
	> a {
	position: relative;
	z-index: 4;
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper {
	z-index: 1;
	overflow: visible;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.section-heroes .homepage-section-positions > .homepage-section-item .headline,
.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.subhead {
	text-align: center;
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-copy-wrapper {
	/* padding-top: 88px; */
	padding-top: 55px;
}

@media only screen and (max-width: 1068px) {
	.section-heroes
		.homepage-section-positions
		> .homepage-section-item
		.unit-copy-wrapper {
		padding-top: 101px;
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes
		.homepage-section-positions
		> .homepage-section-item
		.unit-copy-wrapper {
		padding-top: 40px;
	}
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-copy-wrapper.unit-copy-xcode {
	padding-top: 68px;
}

@media only screen and (max-width: 1068px) {
	.section-heroes
		.homepage-section-positions
		> .homepage-section-item
		.unit-copy-wrapper.unit-copy-xcode {
		padding-top: 101px;
	}

	.section-heroes
		.homepage-section-positions
		> .homepage-section-item
		.unit-copy-wrapper.unit-copy-scc {
		padding-top: 60px;
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes
		.homepage-section-positions
		> .homepage-section-item
		.unit-copy-wrapper.unit-copy-xcode {
		padding-top: 40px;
	}
}

.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.unit-copy-wrapper
	.subhead {
	margin-top: 8px;
}

@media only screen and (max-width: 1068px) {
	.section-heroes
		.homepage-section-positions
		> .homepage-section-item
		.unit-copy-wrapper
		.subhead {
		margin-top: 6px;
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes
		.homepage-section-positions
		> .homepage-section-item
		.unit-copy-wrapper
		.subhead {
		margin-top: 2px;
	}
}

html.js .section-promos .homepage-section-positions [data-promo-type] {
	visibility: hidden;
}

.section-promos
	.homepage-section-positions
	[data-promo-type]
	> [data-promo-id]:not(:first-child) {
	display: none;
	visibility: hidden;
}

.section-promos .unit-image-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.section-promos .unit-image-wrapper.image-constraints-full {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.section-promos.homepage-section .promo-positions {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 100%;
}

.section-promos.homepage-section .promo-position {
	box-sizing: border-box;
	border: 6px solid #fff;
	/* background-color: #fafafa; */
	background-color: #f5f5f7;
	height: 592px;
	overflow: hidden;
}

@media only screen and (min-width: 1442px) {
	.section-promos.homepage-section .promo-position {
		height: 592px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-promos.homepage-section .promo-position {
		height: 502px;
	}
}

@media only screen and (max-width: 734px) {
	.section-promos.homepage-section .promo-position {
		height: 512px;
	}
}

.section-promos.homepage-section .promo-position .unit-wrapper {
	/* height: 574px; */
	height: 580px;
	overflow: hidden;
}

@media only screen and (min-width: 1442px) {
	.section-promos.homepage-section .promo-position .unit-wrapper {
		/* height: 574px; */
		height: 580px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-promos.homepage-section .promo-position .unit-wrapper {
		/* height: 484px; */
		height: 490px;
	}
}

@media only screen and (max-width: 734px) {
	.section-promos.homepage-section .promo-position .unit-wrapper {
		height: 500px;
	}
}

.section-promos.homepage-section .promo-position .unit-wrapper .unit-image {
	z-index: 1;
	position: absolute;
	border: 0;
	margin: 0;
	padding: 0;
	left: calc(50% + 0px);
	right: auto;
	bottom: 0px;
	top: auto;
	-webkit-transform: translatex(-50%);
	-ms-transform: translatex(-50%);
	transform: translatex(-50%);
}

.section-promos.homepage-section
	.promo-position
	.unit-wrapper
	.unit-image.unit-image-full-centered-0,
.section-heroes.homepage-section
	.unit-wrapper
	.unit-image.unit-image-full-centered-0 {
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.section-promos.homepage-section
	.promo-position
	.unit-wrapper
	.unit-image.unit-image-full-centered,
.section-heroes.homepage-section
	.unit-wrapper
	.unit-image.unit-image-full-centered {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.section-promos.homepage-section
	.promo-position
	.unit-wrapper
	.unit-image.unit-image-full-centered-1,
.section-heroes.homepage-section
	.unit-wrapper
	.unit-image.unit-image-full-centered-1 {
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.section-promos.homepage-section
	.promo-position
	.unit-wrapper
	.unit-image.unit-image-full-centered-2,
.section-heroes.homepage-section
	.unit-wrapper
	.unit-image.unit-image-full-centered-2 {
	top: 67%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 734px) {
	.section-promos.homepage-section
		.promo-position
		.unit-wrapper
		.unit-image.unit-image-app-store-awards-2021 {
		bottom: -20px;
	}
}

.section-promos.homepage-section
	.promo-position
	.unit-wrapper
	.unit-image.unit-image-centered {
	bottom: 14%;
}
@media only screen and (max-width: 1068px) {
	.section-promos.homepage-section
		.promo-position
		.unit-wrapper
		.unit-image.unit-image-centered {
		bottom: 12%;
	}
}

@media screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 736px) and (max-width: 144200px) {
	.section-promos.homepage-section .promo-position {
		width: 50%;
	}

	.section-promos.homepage-section .promo-position:nth-child(-n + 2),
	.main
		.section-promos.homepage-section
		.promo-position:nth-last-child(-n + 2) {
		height: 592px;
	}
}

@media only screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 736px) and (max-width: 144200px) and (min-width: 1442px) {
	.section-promos.homepage-section .promo-position:nth-child(-n + 2),
	.main
		.section-promos.homepage-section
		.promo-position:nth-last-child(-n + 2) {
		height: 592px;
	}
}

@media only screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 736px) and (max-width: 144200px) and (max-width: 1068px) {
	.section-promos.homepage-section .promo-position:nth-child(-n + 2),
	.main
		.section-promos.homepage-section
		.promo-position:nth-last-child(-n + 2) {
		height: 502px;
	}
}

@media only screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 736px) and (max-width: 144200px) and (max-width: 734px) {
	.section-promos.homepage-section .promo-position:nth-child(-n + 2),
	.main
		.section-promos.homepage-section
		.promo-position:nth-last-child(-n + 2) {
		height: 512px;
	}
}

@media screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 736px) and (max-width: 144200px) {
	.section-promos.homepage-section .promo-position:nth-child(odd) {
		border-left-width: 12px;
		border-left-width: calc(12px + constant(safe-area-inset-left));
	}

	@supports (border-left-width: calc(max(0px))) {
		.section-promos.homepage-section .promo-position:nth-child(odd) {
			border-left-width: calc(max(12px, env(safe-area-inset-left)));
		}
	}

	.section-promos.homepage-section .promo-position:nth-child(even) {
		border-right-width: 12px;
		border-right-width: calc(12px + constant(safe-area-inset-right));
	}

	@supports (border-right-width: calc(max(0px))) {
		.section-promos.homepage-section .promo-position:nth-child(even) {
			border-right-width: calc(max(12px, env(safe-area-inset-right)));
		}
	}

	/* .section-promos.homepage-section .promo-position:nth-child(-n+2) {
		border-top-width: 12px;
	} */

	.section-heroes.homepage-section,
	.section.section-planning,
	.section.section-pathways {
		margin-bottom: 6px;
	}
}

@media screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 0px) and (max-width: 734px) {
	/* remove when large tile */
	.section-promos {
		margin-top: 12px;
	}
	.section-promos.homepage-section .promo-position {
		width: 100%;
		border-width: 12px;
		border-left: 0;
		border-right: 0;
		border-top: 0;
		height: 512px;
	}

	.section-promos.homepage-section .promo-position.promo-position-1 {
		/* border-top: 12px solid #fff; */
		height: 512px;
	}
}

.section-promos.homepage-section .promo-position .unit-copy-wrapper > * {
	width: 88%;
	max-width: 430px;
}

@media only screen and (max-width: 1068px) {
	.section-promos.homepage-section .promo-position .unit-copy-wrapper > * {
		width: 90%;
		max-width: 330px;
	}
	
	.section-promos.homepage-section .promo-position .unit-copy-wrapper > * {
		width: 90%;
		max-width: 330px;
	}
}

@media only screen and (max-width: 734px) {
	.section-promos.homepage-section .promo-position .unit-copy-wrapper > * {
		max-width: 90%;
	}
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.headline {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 600;
	letter-spacing: 0em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
	margin-top: 52px;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.headline:lang(ar) {
	line-height: 1.3;
	font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.headline:lang(ja) {
	line-height: 1.175;
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
		"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ",
		"Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial",
		sans-serif;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.reduced-line.headline:lang(ja),
.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.reduced-line.headline,
.reduced-line {
	line-height: 0.7 !important;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.headline:lang(th) {
	font-size: 36px;
	line-height: 1.33357;
	font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
		"Helvetica", "Arial", sans-serif;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.headline:lang(ko) {
	font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic",
		"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
		"Helvetica", "Arial", sans-serif;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.headline:lang(zh-CN) {
	font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.headline:lang(zh-HK) {
	font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.headline:lang(zh-MO) {
	font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons",
		"PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.headline:lang(zh-TW) {
	font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

@media only screen and (max-width: 1068px) {
	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.headline {
		font-size: 32px;
		line-height: 1.125;
		font-weight: 600;
		letter-spacing: 0.004em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.headline:lang(th) {
		font-size: 29px;
		line-height: 1.44828;
		letter-spacing: 0em;
		font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.headline:lang(ar) {
		line-height: 1.34375;
		font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.headline:lang(ja) {
		line-height: 1.21875;
		font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
			"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ",
			"Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial",
			sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.headline:lang(ko) {
		font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic",
			"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.headline:lang(zh-CN) {
		font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.headline:lang(zh-HK) {
		font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.headline:lang(zh-MO) {
		font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons",
			"PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.headline:lang(zh-TW) {
		font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}
}

@media only screen and (max-width: 1068px) {
	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.headline {
		margin-top: 42px;
	}
}

@media only screen and (max-width: 734px) {
	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.headline {
		margin-top: 37px;
	}
}

.section-promos.homepage-section .promo-position .unit-copy-wrapper > *.subhead,
.section-heroes.homepage-section .subhead.small-text {
	font-size: 21px;
	line-height: 1.2381;
	font-weight: 400;
	letter-spacing: 0.016em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
	margin-top: 4px;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.subhead:lang(th) {
	letter-spacing: 0em;
	font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
		"Helvetica", "Arial", sans-serif;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.subhead:lang(ar) {
	font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.subhead:lang(ja) {
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
		"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ",
		"Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial",
		sans-serif;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.subhead:lang(ko) {
	font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic",
		"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
		"Helvetica", "Arial", sans-serif;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.subhead:lang(zh-CN) {
	font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.subhead:lang(zh-HK) {
	font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.subhead:lang(zh-MO) {
	font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons",
		"PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-promos.homepage-section
	.promo-position
	.unit-copy-wrapper
	> *.subhead:lang(zh-TW) {
	font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

@media only screen and (max-width: 1068px) {
	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.subhead,
	.section-heroes.homepage-section .subhead.small-text {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 400;
		letter-spacing: 0.012em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.subhead:lang(th) {
		line-height: 1.57895;
		letter-spacing: 0em;
		font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.subhead:lang(ar) {
		line-height: 1.39474;
		font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.subhead:lang(ja) {
		line-height: 1.26316;
		font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
			"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ",
			"Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial",
			sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.subhead:lang(ko) {
		font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic",
			"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.subhead:lang(zh-CN) {
		font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.subhead:lang(zh-HK) {
		font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.subhead:lang(zh-MO) {
		font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons",
			"PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.subhead:lang(zh-TW) {
		font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}
}

@media only screen and (max-width: 1068px) {
	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.subhead,
	.section-heroes.homepage-section .subhead.small-text {
		margin-top: 3px;
	}
}

@media only screen and (max-width: 734px) {
	.section-promos.homepage-section
		.promo-position
		.unit-copy-wrapper
		> *.subhead,
	.section-heroes.homepage-section .subhead.small-text {
		margin-top: 3px;
	}
}

@media screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 736px) and (max-width: 144200px) {
	/* uncomment if large tile */
	/* border-top: 0px; */
	.section-promos.homepage-section:first-child
		.homepage-section-item:nth-child(-n + 2) {
		height: 630px;
	}

	.section-promos.homepage-section:first-child
		.homepage-section-item:nth-child(-n + 2)
		.promo-managed-unit
		.unit-wrapper {
		overflow-y: visible;
		overflow-x: hidden;
	}
}

@media only screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 736px) and (max-width: 144200px) and (min-width: 768px) {
	.section-promos.homepage-section:first-child
		.homepage-section-item:nth-child(-n + 2)
		.promo-managed-unit {
		padding-top: 0px;
	}
}

@media only screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 736px) and (max-width: 144200px) and (max-width: 767px) {
	.section-promos.homepage-section:first-child
		.homepage-section-item:nth-child(-n + 2)
		.promo-managed-unit {
		padding-top: 0px;
	}
}

/* uncomment if large tile */
@media only screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 736px) and (max-width: 144200px) and (min-width: 1442px) {
	.section-promos.homepage-section:first-child
		.homepage-section-item:nth-child(-n + 2) {
		height: 630px;
	}
}

@media only screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 736px) and (max-width: 144200px) and (max-width: 734px) {
	.section-promos.homepage-section:first-child
		.homepage-section-item:nth-child(-n + 2) {
		height: 560px;
	}
}

/* uncomment if large tile */
@media only screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 736px) and (max-width: 144200px) and (max-width: 1068px) and (min-width: 768px) {
	.section-promos.homepage-section:first-child
		.homepage-section-item:nth-child(-n + 2) {
		height: 540px;
	}
}

/* uncomment if large tile */
@media only screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 736px) and (max-width: 144200px) and (max-width: 767px) and (min-width: 736px) {
	.section-promos.homepage-section:first-child
		.homepage-section-item:nth-child(-n + 2) {
		height: 544px;
	}
}

@media screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 0px) and (max-width: 734px) {
	/* uncomment if large tile */
	.section-promos.homepage-section:first-child
		.homepage-section-item:nth-child(-n + 1) {
		border-top: 0px;
		height: 560px;
	}

	.section-promos.homepage-section:first-child
		.homepage-section-item:nth-child(-n + 1)
		.promo-managed-unit
		.unit-wrapper {
		overflow-y: visible;
		overflow-x: hidden;
	}
}

@media only screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 0px) and (max-width: 734px) and (min-width: 768px) {
	.section-promos.homepage-section:first-child
		.homepage-section-item:nth-child(-n + 1)
		.promo-managed-unit {
		padding-top: 0px;
	}
}

@media only screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 0px) and (max-width: 734px) and (max-width: 767px) {
	.section-promos.homepage-section:first-child
		.homepage-section-item:nth-child(-n + 1)
		.promo-managed-unit {
		padding-top: 0px;
	}
}

.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
}

.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	a.unit-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	a.unit-link:hover {
	text-decoration: none;
}

.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	a.unit-link:focus {
	outline-offset: -3px;
}

html.ie
	.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	a.unit-link:focus {
	top: 3px;
	left: 3px;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
}

.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	a:not(.unit-link) {
	z-index: 4;
	text-decoration: none;
}

.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	a:not(.unit-link):hover {
	text-decoration: underline;
}

.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-copy-wrapper {
	position: relative;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}

.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-copy-wrapper
	> *:not(a) {
	position: relative;
	z-index: 2;
}

.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-copy-wrapper
	> a {
	position: relative;
	z-index: 4;
}

.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper {
	z-index: 1;
	overflow: visible;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.section-promos .homepage-section-positions > .homepage-section-item .headline,
.main
	.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.subhead {
	text-align: center;
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
}

.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.logo-image {
	margin-top: 41px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 1068px) {
	.section-promos
		.homepage-section-positions
		> .homepage-section-item
		.logo-image {
		margin-top: 34px;
		margin-bottom: 8px;
	}
}

@media only screen and (max-width: 734px) {
	.section-promos
		.homepage-section-positions
		> .homepage-section-item
		.logo-image {
		margin-top: 29px;
	}
}

/* PROMO-SPECIFIC CODE */

/* App Store Best of 2021 */

.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2021
	.unit-wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
}
.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2021
	.unit-wrapper
	a.unit-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2021
	.unit-wrapper
	a.unit-link:hover {
	text-decoration: none;
}
.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2021
	.unit-wrapper
	a.unit-link:focus {
	outline-offset: -3px;
}
html.ie
	.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2021
	.unit-wrapper
	a.unit-link:focus {
	top: 3px;
	left: 3px;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
}
.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2021
	.unit-wrapper
	a:not(.unit-link) {
	z-index: 4;
	text-decoration: none;
}
.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2021
	.unit-wrapper
	a:not(.unit-link):hover {
	text-decoration: underline;
}
.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2021
	.unit-wrapper
	.unit-image-wrapper {
	z-index: 1;
	overflow: visible;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.main .section-heroes.homepage-section .app-store-best-of-2021 .unit-wrapper,
.main .section-heroes.homepage-section .app-store-best-of-2021.hero {
	height: 624px;
}
@media only screen and (max-width: 1068px) {
	.main .section-heroes.homepage-section .app-store-best-of-2021 .unit-wrapper,
	.main .section-heroes.homepage-section .app-store-best-of-2021.hero {
		height: 617px;
	}
}
@media only screen and (max-width: 734px) {
	.main .section-heroes.homepage-section .app-store-best-of-2021 .unit-wrapper,
	.main .section-heroes.homepage-section .app-store-best-of-2021.hero {
		height: 548px;
	}
}
@media only screen and (min-width: 1069px) and (min-height: 776px) {
	.main .section-heroes.homepage-section .app-store-best-of-2021 .unit-wrapper,
	.main .section-heroes.homepage-section .app-store-best-of-2021.hero {
		height: 624px;
	}
}
@media only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) {
	.main .section-heroes.homepage-section .app-store-best-of-2021 .unit-wrapper,
	.main .section-heroes.homepage-section .app-store-best-of-2021.hero {
		height: 617px;
	}
}

html[lang="en"]
	.main
	.section-heroes
	.unit-image-wrapper
	.unit-image.unit-image-app-store-best-of-2021 {
	width: 2560px;
	height: 624px;
	background-size: 2560px 624px;
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url("/home/images/hero-app-store-best-of-2021/large.jpg");
}
html[lang="ko-KR"]
	.main
	.section-heroes
	.unit-image-wrapper
	.unit-image.unit-image-app-store-best-of-2021 {
	width: 2560px;
	height: 624px;
	background-size: 2560px 624px;
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url("/home/images/hero-app-store-best-of-2021/kr/large.jpg");
}
html[lang="zh-CN"]
	.main
	.section-heroes
	.unit-image-wrapper
	.unit-image.unit-image-app-store-best-of-2021 {
	width: 2560px;
	height: 624px;
	background-size: 2560px 624px;
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url("/home/images/hero-app-store-best-of-2021/cn/large.jpg");
}
html[lang="ja-JP"]
	.main
	.section-heroes
	.unit-image-wrapper
	.unit-image.unit-image-app-store-best-of-2021 {
	width: 2560px;
	height: 624px;
	background-size: 2560px 624px;
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url("/home/images/hero-app-store-best-of-2021/jp/large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/large_2x.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/kr/large_2x.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/cn/large_2x.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/jp/large_2x.jpg");
	}
}
@media only screen and (max-width: 1068px) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 1068px;
		height: 617px;
		background-size: 1068px 617px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2021/medium.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 1068px;
		height: 617px;
		background-size: 1068px 617px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2021/kr/medium.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 1068px;
		height: 617px;
		background-size: 1068px 617px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2021/cn/medium.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 1068px;
		height: 617px;
		background-size: 1068px 617px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2021/jp/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) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/medium_2x.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/kr/medium_2x.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/cn/medium_2x.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/jp/medium_2x.jpg");
	}
}
@media only screen and (max-width: 734px) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 736px;
		height: 548px;
		background-size: 736px 548px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2021/small.jpg?1");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 736px;
		height: 548px;
		background-size: 736px 548px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2021/kr/small.jpg?1");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 736px;
		height: 548px;
		background-size: 736px 548px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2021/cn/small.jpg?1");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 736px;
		height: 548px;
		background-size: 736px 548px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2021/jp/small.jpg?1");
	}
}
@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) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/small_2x.jpg?1");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/kr/small_2x.jpg?1");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/cn/small_2x.jpg?1");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/jp/small_2x.jpg?1");
	}
}
@media only screen and (min-width: 1069px) and (min-height: 776px) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 2560px;
		height: 624px;
		background-size: 2560px 624px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2021/large.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 2560px;
		height: 624px;
		background-size: 2560px 624px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2021/kr/large.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 2560px;
		height: 624px;
		background-size: 2560px 624px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2021/cn/large.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 2560px;
		height: 624px;
		background-size: 2560px 624px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2021/jp/large.jpg");
	}
}
@media only screen and (min-width: 1069px) and (min-height: 776px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-width: 1069px) and (min-height: 776px) and (min-resolution: 1.5dppx),
	only screen and (min-width: 1069px) and (min-height: 776px) and (min-resolution: 144dpi) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/large_2x.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/kr/large_2x.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/cn/large_2x.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/jp/large_2x.jpg");
	}
}
@media only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 1068px;
		height: 617px;
		background-size: 1068px 617px;
		background-repeat: no-repeat;
		background-image: url("/home/images/hero-app-store-best-of-2021/medium.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 1068px;
		height: 617px;
		background-size: 1068px 617px;
		background-repeat: no-repeat;
		background-image: url("/home/images/hero-app-store-best-of-2021/kr/medium.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 1068px;
		height: 617px;
		background-size: 1068px 617px;
		background-repeat: no-repeat;
		background-image: url("/home/images/hero-app-store-best-of-2021/cn/medium.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		width: 1068px;
		height: 617px;
		background-size: 1068px 617px;
		background-repeat: no-repeat;
		background-image: url("/home/images/hero-app-store-best-of-2021/jp/medium.jpg");
	}
}
@media only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) and (min-resolution: 144dpi) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/medium_2x.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/kr/medium_2x.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/cn/medium_2x.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2021 {
		background-image: url("/home/images/hero-app-store-best-of-2021/jp/medium_2x.jpg");
	}
}

/* TILE APP STORE BEST OF 2021 START NEW */
.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-tile-app-store-awards-2021 {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-position: center 0;
}
html[lang="en"]
	.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-tile-app-store-awards-2021 {
	background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-large.jpg");
}
html[lang="ko-KR"]
	.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-tile-app-store-awards-2021 {
	background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-large.jpg");
}
html[lang="zh-CN"]
	.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-tile-app-store-awards-2021 {
	background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-large.jpg");
}
html[lang="ja-JP"]
	.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-tile-app-store-awards-2021 {
	background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi) {
	html[lang="en"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-large_2x.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-large_2x.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-large_2x.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-large_2x.jpg");
	}
}
@media only screen and (max-width: 1068px) {
	.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		width: 516px;
		height: 490px;
		background-size: 1100px 505px;
		background-position: center;
		background-repeat: no-repeat;
	}
	html[lang="en"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-medium.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-medium.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-medium.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-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) {
	html[lang="en"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-medium_2x.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-medium_2x.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-medium_2x.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-medium_2x.jpg");
	}
}
@media only screen and (max-width: 734px) {
	.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
	}
	html[lang="en"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-small.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-small.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-small.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-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) {
	html[lang="en"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-small_2x.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-small_2x.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-small_2x.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-app-store-awards-2021 {
		background-image: url("/home/images/tile-hero-app-store-best-of-2021/tile-hero-app-store-best-of-2021-small_2x.jpg");
	}
}
/* TILE APP STORE BEST OF 2021 END */

/* APP STORE BEST OF 2022 */

.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2022
	.unit-wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
}
.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2022
	.unit-wrapper
	a.unit-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2022
	.unit-wrapper
	a.unit-link:hover {
	text-decoration: none;
}
.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2022
	.unit-wrapper
	a.unit-link:focus {
	outline-offset: -3px;
}
html.ie
	.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2022
	.unit-wrapper
	a.unit-link:focus {
	top: 3px;
	left: 3px;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
}
.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2022
	.unit-wrapper
	a:not(.unit-link) {
	z-index: 4;
	text-decoration: none;
}
.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2022
	.unit-wrapper
	a:not(.unit-link):hover {
	text-decoration: underline;
}
.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.app-store-best-of-2022
	.unit-wrapper
	.unit-image-wrapper {
	z-index: 1;
	overflow: visible;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.main .section-heroes.homepage-section .app-store-best-of-2022 .unit-wrapper,
.main .section-heroes.homepage-section .app-store-best-of-2022.hero {
	height: 624px;
}
@media only screen and (max-width: 1068px) {
	.main .section-heroes.homepage-section .app-store-best-of-2022 .unit-wrapper,
	.main .section-heroes.homepage-section .app-store-best-of-2022.hero {
		height: 617px;
	}
}
@media only screen and (max-width: 734px) {
	.main .section-heroes.homepage-section .app-store-best-of-2022 .unit-wrapper,
	.main .section-heroes.homepage-section .app-store-best-of-2022.hero {
		height: 548px;
	}
}
@media only screen and (max-width: 420px) {
	.main .section-heroes.homepage-section .app-store-best-of-2022 .unit-wrapper,
	.main .section-heroes.homepage-section .app-store-best-of-2022.hero {
		height: 450px;
	}
}
@media only screen and (min-width: 1069px) and (min-height: 776px) {
	.main .section-heroes.homepage-section .app-store-best-of-2022 .unit-wrapper,
	.main .section-heroes.homepage-section .app-store-best-of-2022.hero {
		height: 624px;
	}
}
@media only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) {
	.main .section-heroes.homepage-section .app-store-best-of-2022 .unit-wrapper,
	.main .section-heroes.homepage-section .app-store-best-of-2022.hero {
		height: 617px;
	}
}

html[lang="en"]
	.main
	.section-heroes
	.unit-image-wrapper
	.unit-image.unit-image-app-store-best-of-2022 {
	width: 2560px;
	height: 624px;
	background-size: 2560px 624px;
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url("/home/images/hero-app-store-best-of-2022/large.jpg");
}
html[lang="ko-KR"]
	.main
	.section-heroes
	.unit-image-wrapper
	.unit-image.unit-image-app-store-best-of-2022 {
	width: 2560px;
	height: 624px;
	background-size: 2560px 624px;
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url("/home/images/hero-app-store-best-of-2022/kr/large.jpg");
}
html[lang="zh-CN"]
	.main
	.section-heroes
	.unit-image-wrapper
	.unit-image.unit-image-app-store-best-of-2022 {
	width: 2560px;
	height: 624px;
	background-size: 2560px 624px;
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url("/home/images/hero-app-store-best-of-2022/cn/large.jpg");
}
html[lang="ja-JP"]
	.main
	.section-heroes
	.unit-image-wrapper
	.unit-image.unit-image-app-store-best-of-2022 {
	width: 2560px;
	height: 624px;
	background-size: 2560px 624px;
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url("/home/images/hero-app-store-best-of-2022/jp/large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/large_2x.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/kr/large_2x.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/cn/large_2x.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/jp/large_2x.jpg");
	}
}
@media only screen and (max-width: 1068px) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 1068px;
		height: 617px;
		background-size: 1234px 617px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2022/medium.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 1068px;
		height: 617px;
		background-size: 1234px 617px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2022/kr/medium.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 1068px;
		height: 617px;
		background-size: 1234px 617px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2022/cn/medium.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 1068px;
		height: 617px;
		background-size: 1234px 617px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2022/jp/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) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/medium_2x.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/kr/medium_2x.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/cn/medium_2x.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/jp/medium_2x.jpg");
	}
}
@media only screen and (max-width: 734px) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 736px;
		height: 548px;
		background-size: 1096px 548px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2022/small.jpg?1");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 736px;
		height: 548px;
		background-size: 1096px 548px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2022/kr/small.jpg?1");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 736px;
		height: 548px;
		background-size: 1096px 548px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2022/cn/small.jpg?1");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 736px;
		height: 548px;
		background-size: 1096px 548px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2022/jp/small.jpg?1");
	}
}
@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) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/small_2x.jpg?1");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/kr/small_2x.jpg?1");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/cn/small_2x.jpg?1");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/jp/small_2x.jpg?1");
	}
}
@media only screen and (max-width: 420px) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022,
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022,
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022,
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 604px;
		height: 450px;
		background-size: 900px 450px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2022/small_2x.jpg?1");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/jp/small_2x.jpg?1");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/kr/small_2x.jpg?1");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/cn/small_2x.jpg?1");
	}
}
@media only screen and (min-width: 1069px) and (min-height: 776px) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 2560px;
		height: 624px;
		background-size: 2560px 624px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2022/large.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 2560px;
		height: 624px;
		background-size: 2560px 624px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2022/kr/large.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 2560px;
		height: 624px;
		background-size: 2560px 624px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2022/cn/large.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 2560px;
		height: 624px;
		background-size: 2560px 624px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url("/home/images/hero-app-store-best-of-2022/jp/large.jpg");
	}
}
@media only screen and (min-width: 1069px) and (min-height: 776px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-width: 1069px) and (min-height: 776px) and (min-resolution: 1.5dppx),
	only screen and (min-width: 1069px) and (min-height: 776px) and (min-resolution: 144dpi) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/large_2x.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/kr/large_2x.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/cn/large_2x.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/jp/large_2x.jpg");
	}
}
@media only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 1068px;
		height: 617px;
		background-size: 1234px 617px;
		background-repeat: no-repeat;
		background-image: url("/home/images/hero-app-store-best-of-2022/medium.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 1068px;
		height: 617px;
		background-size: 1234px 617px;
		background-repeat: no-repeat;
		background-image: url("/home/images/hero-app-store-best-of-2022/kr/medium.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 1068px;
		height: 617px;
		background-size: 1234px 617px;
		background-repeat: no-repeat;
		background-image: url("/home/images/hero-app-store-best-of-2022/cn/medium.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		width: 1068px;
		height: 617px;
		background-size: 1234px 617px;
		background-repeat: no-repeat;
		background-image: url("/home/images/hero-app-store-best-of-2022/jp/medium.jpg");
	}
}
@media only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) and (min-resolution: 144dpi) {
	html[lang="en"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/medium_2x.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/kr/medium_2x.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/cn/medium_2x.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-heroes
		.unit-image-wrapper
		.unit-image.unit-image-app-store-best-of-2022 {
		background-image: url("/home/images/hero-app-store-best-of-2022/jp/medium_2x.jpg");
	}
}

/* TILE WWDC21 START */
.main .section-promos .unit-image-wrapper .unit-image.unit-image-tile-wwdc21 {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-position: center 0;
}
html[lang="en"]
	.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-tile-wwdc21 {
	background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large.jpg");
}
html[lang="ko-KR"]
	.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-tile-wwdc21 {
	background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large.jpg");
}
html[lang="zh-CN"]
	.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-tile-wwdc21 {
	background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large.jpg");
}
html[lang="ja-JP"]
	.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-tile-wwdc21 {
	background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi) {
	html[lang="en"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large_2x.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large_2x.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large_2x.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large_2x.jpg");
	}
}
@media only screen and (max-width: 1068px) {
	.main .section-promos .unit-image-wrapper .unit-image.unit-image-tile-wwdc21 {
		width: 516px;
		height: 490px;
		background-position: center;
		background-repeat: no-repeat;
	}
	html[lang="en"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large.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) {
	html[lang="en"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large_2x.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large_2x.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large_2x.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-large_2x.jpg");
	}
}
@media only screen and (max-width: 734px) {
	.main .section-promos .unit-image-wrapper .unit-image.unit-image-tile-wwdc21 {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
	}
	html[lang="en"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-small.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-small.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-small.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-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) {
	html[lang="en"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-small_2x.jpg");
	}
	html[lang="ko-KR"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-small_2x.jpg");
	}
	html[lang="zh-CN"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-small_2x.jpg");
	}
	html[lang="ja-JP"]
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-tile-wwdc21 {
		background-image: url("/home/images/tile-event-wwdc/tile-teaser-wwdr-small_2x.jpg");
	}
}
/* TILE WWDC21 END */

/* TILE EVENT START */
.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper.unit-wrapper-reverse {
	flex-direction: column-reverse;
}

.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper.unit-wrapper-reverse
	.unit-copy-wrapper {
	bottom: 70px;
}

.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-sept24-event-tile-teaser {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-position: center 0;
}

html
	.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-sept24-event-tile-teaser {
	background-image: url("/home/images/tile-event-sept24/large_2x.jpg");
}

@media only screen and (max-width: 1068px) {
	.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-sept24-event-tile-teaser {
		width: 516px;
		height: 490px;
		background-size: 516px 490px;
		background-position: center;
		background-repeat: no-repeat;
	}
	html
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-sept24-event-tile-teaser {
		background-image: url("/home/images/tile-event-sept24/medium_2x.jpg");
	}
}
@media only screen and (max-width: 734px) {
	.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-sept24-event-tile-teaser {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
	}
	html
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-sept24-event-tile-teaser {
		background-image: url("/home/images/tile-event-sept24/small_2x.jpg");
	}
}

/* TILE EVENT END */

/* TILE HELLO DEVELOPER */
/* .section-promos .homepage-section-positions > .homepage-section-item.homepage-section-item-hello-dev .promo.promo-managed-unit {
	background-color: #f5f5f7;
} */

body[data-color-scheme="dark"]
	.section-promos
	.homepage-section-positions
	> .homepage-section-item.homepage-section-item-hello-dev
	.promo.promo-managed-unit {
	background-color: var(--fill-secondary-alt);
}

.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper.unit-wrapper-reverse {
	flex-direction: column-reverse;
}

.section-promos
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper.unit-wrapper-reverse
	.unit-copy-wrapper {
	bottom: 70px;
}

.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-hello-developer {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-position: center 0;
}

/* FULL WIDTH HELLO DEV IMAGE */
/* .homepage-section-item-hello-dev-fw */
/* .unit-image-hello-developer-full-width */

.main .unit-image-wrapper .unit-image.unit-image-hello-developer-full-width {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-hello-developer/may25/large_2x.jpg?1");
}

.main .unit-image-wrapper .unit-image.unit-image-hello-developer-full-width.april25 {
	background-image: url("/home/images/tile-hello-developer/april25/large_2x.jpg?1");
		
}

@media only screen and (min-width: 1730px) {
	.main .unit-image-wrapper .unit-image.unit-image-hello-developer-full-width {
		background-image: url("/home/images/tile-hello-developer/may25/large_2x.jpg");
	}
	
	.main .unit-image-wrapper .unit-image.unit-image-hello-developer-full-width.april25 {
		background-image: url("/home/images/tile-hello-developer/april25/large_2x.jpg");
		
	}
}

@media only screen and (max-width: 1068px) {
	.main .unit-image-wrapper .unit-image.unit-image-hello-developer-full-width {
		width: 516px;
		height: 490px;
		background-size: 516px 490px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-hello-developer/may25/medium_2x.jpg");
	}
	
	.main .unit-image-wrapper .unit-image.unit-image-hello-developer-full-width.april25 {
		background-image: url("/home/images/tile-hello-developer/april25/medium_2x.jpg");
		
	}
}

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-hello-developer-full-width {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-hello-developer/may25/small_2x.jpg");
	}
	
	.main .unit-image-wrapper .unit-image.unit-image-hello-developer-full-width.april25 {
		background-image: url("/home/images/tile-hello-developer/april25/small_2x.jpg?1");
		
	}
}

.main
	.unit-image-wrapper
	.unit-image.unit-image-hello-developer-full-width:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.15) 0%,
		rgba(0, 0, 0, 0) 100%
	);
}

/* TILE HELLO DEVELOPER END */

/* TILE KR visionOS */

.main .unit-image-wrapper .unit-image.unit-image-vision-os-kr {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-visionos-promo/visionos-large_2x.jpg");
}

@media only screen and (min-width: 1730px) {
	.main .unit-image-wrapper .unit-image.unit-image-vision-os-kr {
		background-image: url("/home/images/tile-visionos-promo/visionos-xlarge_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.main .unit-image-wrapper .unit-image.unit-image-vision-os-kr {
		width: 516px;
		height: 490px;
		background-size: 516px 490px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-visionos-promo/visionos-medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-vision-os-kr {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-visionos-promo/visionos-small_2x.jpg");
	}
}

/* TILE KR visionOS */

/* TILE SSC */
.main .unit-image-wrapper .unit-image.unit-image-ssc {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-ssc/ssc25-large_2x.jpg?2");
}

html[lang="ja-JP"]
	.section-promos
	.homepage-section-positions
	> .homepage-section-item.homepage-section-item-ssc
	.unit-wrapper.unit-wrapper-reverse
	.unit-copy-wrapper {
	bottom: 45px;
}

@media only screen and (min-width: 1068px) {
	html[lang="zh-CN"]
		.section-promos
		.homepage-section-positions
		> .homepage-section-item.homepage-section-item-ssc
		.unit-wrapper.unit-wrapper-reverse
		.unit-copy-wrapper
		> *.headline {
		font-size: 39px;
	}
}

@media only screen and (max-width: 1068px) {
	.main .unit-image-wrapper .unit-image.unit-image-ssc {
		width: 516px;
		height: 490px;
		background-size: 516px 490px;
		background-repeat: no-repeat;

		background-image: url("/home/images/tile-ssc/ssc25-medium_2x.jpg?2");
	}

	/* .section-promos .homepage-section-positions > .homepage-section-item.homepage-section-item-ssc .unit-wrapper.unit-wrapper-reverse .unit-copy-wrapper {
		bottom: 40px;
	} */

	.section-promos
		.homepage-section-positions
		> .homepage-section-item.homepage-section-item-ssc
		.unit-wrapper.unit-wrapper-reverse
		.unit-copy-wrapper
		> *.headline {
		font-size: 30px;
	}
}

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-ssc {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;

		background-image: url("/home/images/tile-ssc/ssc25-small_2x.jpg?2");
	}
}

/* TILE SSC */

/* TILE WWDC25 SMALL */

.main .unit-image-wrapper .unit-image.unit-image-wwdc25-half {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-wwdc25/p3-zsmall/large_2x.jpg");

}

@media only screen and (max-width: 1068px) {
	.main .unit-image-wrapper .unit-image.unit-image-wwdc25-half {
		width: 516px;
		height: 490px;
		background-size: 516px 490px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-wwdc25/p3-zsmall/medium_2x.jpg");

	}
}

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-wwdc25-half {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-wwdc25/p3-zsmall/small_2x.jpg");
	}	
}

/* TILE WWDC25 SMALL */

/* TILE NEW DESIGN SMALL */

.main .unit-image-wrapper .unit-image.unit-image-new-design {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-new-design/large_2x.jpg");

}

@media only screen and (max-width: 1068px) {
	.main .unit-image-wrapper .unit-image.unit-image-new-design {
		width: 516px;
		height: 490px;
		background-size: 516px 490px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-new-design/medium_2x.jpg");

	}
}

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-new-design {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-new-design/small_2x.jpg");
	}	
}

/* TILE NEW DESIGN SMALL */

/* TILE ADA25 */

.main .unit-image-wrapper .unit-image.unit-image-apple-event-ada25 {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-ada-25/dark/large_2x.png");

}

/* body[data-color-scheme='dark'] .main .unit-image-wrapper .unit-image.unit-image-apple-event-ada25 {
	background-image: url("/home/images/tile-ada-25/dark/large_2x.png");
} */

@media only screen and (min-width: 1200px) {
	.main .unit-image-wrapper .unit-image.unit-image-apple-event-ada25 {
		width: 1262px;
		height: 580px;
		background-size: 1262px 580px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-ada-25/dark/xl-large_2x.png");
	}
	
	/* body[data-color-scheme='dark'] .main .unit-image-wrapper .unit-image.unit-image-apple-event-ada25 {
		background-image: url("/home/images/tile-ada-25/dark/xl-large_2x.png");
	} */
}

@media only screen and (max-width: 1068px) {
	.main .unit-image-wrapper .unit-image.unit-image-apple-event-ada25 {
		width: 516px;
		height: 490px;
		background-size: 516px 490px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-ada-25/dark/medium_2x.png");

	}
	
	/* body[data-color-scheme='dark'] .main .unit-image-wrapper .unit-image.unit-image-apple-event-ada25 {
		background-image: url("/home/images/tile-ada-25/dark/medium_2x.png");
	} */
}

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-apple-event-ada25 {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-ada-25/dark/small_2x.png");
	}
	
	/* body[data-color-scheme='dark'] .main .unit-image-wrapper .unit-image.unit-image-apple-event-ada25 {
		background-image: url("/home/images/tile-ada-25/dark/small_2x.png");
	} */
}

/* TILE ADA25 */

/* PATHWAYS START */

.main .unit-image-wrapper .unit-image.unit-image-pathways {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-pathways/tile-pathways-large_2x.jpg");
}

@media only screen and (max-width: 1068px) {
	.main .unit-image-wrapper .unit-image.unit-image-pathways {
		width: 516px;
		height: 490px;
		background-size: 516px 490px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-pathways/tile-pathways-medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-pathways {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-pathways/tile-pathways-small_2x.jpg");
	}
}

/* PATHWAYS END */

/* WWDC24 Sessions Tile */
.section-promos.homepage-section
	.promo-position.homepage-section-item-wwdc24-sessions,
body[data-color-scheme="dark"]
	.section-promos.homepage-section
	.promo-position.homepage-section-item-wwdc24-sessions {
	background-color: #000 !important;
}

/* Pathways */
.section.section-pathways {
	background: linear-gradient(to bottom, #0055C7 0%, #0071E3 100%);
	color: #fff;
	margin-top: 6px;
	text-align: center;
}
@media only screen and (max-width: 734px) {
	.section-pathways {
		margin-top: 0 !important;
	}
}

.section-pathways .hero-pathways-image {
	transform: scale(0.85);
}

@media only screen and (max-width: 734px) {
	.section-pathways .hero-pathways-image {
		transform: scale(1);
	}	
}
/* .section.section-pathways .row > .column {
	margin: 1.5em auto;
} */
.section.section-pathways .unit-wrapper {
	position: relative;
	padding: 1.5em 0;
}
.section.section-pathways a.unit-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	color: #1d1d1f;
}
.section.section-pathways h5.subhead {
	font-weight: 400;
}
.section.section-pathways a.unit-link,
.section.section-pathways a.unit-link span.more {
	color: #fff;
}
.section.section-pathways a.unit-link:hover {
	text-decoration: none;
}
.section.section-pathways a.unit-link span.more:hover {
	text-decoration: underline;
}

/* Planning */
.section-planning {
	background: linear-gradient(to bottom, #000 0%, #000 100%);
	color: #fff;
	margin-top: 6px;
	padding-top: 2em;
	text-align: center;
}

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

.section.section-planning h5.subhead {
	font-weight: 400;
}

.section-planning .more {
	color: #fff;
}
.section-planning .chapternav-items {
	margin: 0;
	margin-top: 20px;
	padding-right: 0;
	padding-left: 0;
	overflow: visible;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

/* .section-planning .chapternav-items .chapternav-item { 
	animation:none;
	padding: 0;
	flex-basis: 20%;
} */

.section-planning .chapternav-items .chapternav-item {
	animation: none;
	padding: 0;
}

.section-planning .chapternav-items .chapternav-link {
	color: #fff;
}
.section-planning .chapternav-items .chapternav-link:hover .chapternav-label {
	text-decoration: underline;
}
.section-planning .chapternav-items .chapternav-label {
	font-size: 17px;
}

.section-planning .chapternav-icon {
	width: 54px;
	height: 54px;
}

@media only screen and (max-width: 1068px) {
	.section-planning .chapternav-items {
		margin: 0;
		margin-top: 20px;
		padding-right: 0;
		padding-left: 0;
		overflow: visible;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	.section-planning .chapternav-items .chapternav-item {
		margin: 0 -0.6em;
		text-align: center;
		padding: 15px;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 734px) {
	.section-planning .chapternav-items .chapternav-label {
		font-size: 15px;
	}
}

/* Large Hero Feature */
.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper
	.unit-image.unit-image-feature-large {
	width: 3008px;
	height: 580px;
	background-size: 3008px 580px;
	background-repeat: no-repeat;
	/* background-image: url("/home/images/tile-apple-intelligence/large/large_2x.png"); */
}

.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper
	.unit-image.unit-image-feature-large.unit-image-wwdc25 {
	width: 3008px;
	height: 580px;
	background-size: 3008px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-wwdc25/p1-cnexke/large_2x.jpg");
}

.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper
	.unit-image.unit-image-feature-large.unit-image-wwdc25.unit-image-wwdc25-p2 {
	background-image: url("/home/images/tile-wwdc25/p2-xnexkd/large_2x.jpg");
}

.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper
	.unit-image.unit-image-feature-large.unit-image-wwdc25.unit-image-wwdc25-p3 {
	background-image: url("/home/images/tile-wwdc25/p3-spvtco/large_2x.jpg");
}



@media only screen and (max-width: 1068px) {
	.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-image-wrapper
		.unit-image.unit-image-feature-large {
		width: 1068px;
		height: 570px;
		background-size: 1068px 570px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-apple-intelligence/large/medium_2x.png");
	}

	.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-image-wrapper
		.unit-image.unit-image-feature-large.unit-image-wwdc25 {
		width: 1068px;
		height: 570px;
		background-size: 1068px 570px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-wwdc25/p1-cnexke/medium_2x.jpg");
	}
	
	.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper
	.unit-image.unit-image-feature-large.unit-image-wwdc25.unit-image-wwdc25-p2 {
		background-image: url("/home/images/tile-wwdc25/p2-xnexkd/medium_2x.jpg");
	}
	
	.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper
	.unit-image.unit-image-feature-large.unit-image-wwdc25.unit-image-wwdc25-p3 {
	background-image: url("/home/images/tile-wwdc25/p3-spvtco/medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-image-wrapper
		.unit-image.unit-image-feature-large {
		width: 734px;
		height: 500px;
		background-size: 734px 500px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-apple-intelligence/large/small_2x.png");
	}

	.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-image-wrapper
		.unit-image.unit-image-feature-large.unit-image-wwdc25 {
		width: 734px;
		height: 500px;
		background-size: 734px 500px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-wwdc25/p1-cnexke/small_2x.jpg");
	}

	.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper
	.unit-image.unit-image-feature-large.unit-image-wwdc25.unit-image-wwdc25-p2 {
		background-image: url("/home/images/tile-wwdc25/p2-xnexkd/small_2x.jpg");
	}
	
	.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper
	.unit-image.unit-image-feature-large.unit-image-wwdc25.unit-image-wwdc25-p3 {
	background-image: url("/home/images/tile-wwdc25/p3-spvtco/small_2x.jpg");
	}
}

/* MA Large Hero 2025 */
.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper
	.unit-image.unit-image-feature-large.unit-image-meet-apple-large {
	width: 3008px;
	height: 580px;
	background-size: 3008px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-meet-with-apple/c/c-large-hero/large_2x.jpg?1");
}

.unit-wrapper-meet-apple-copy-center {
	display: flex;
    justify-content: center;
}

@media only screen and (max-width: 734px) {
	.unit-wrapper-meet-apple-copy-center {
	display: flex;
    justify-content: flex-start;
}
}

@media only screen and (max-width: 1068px) {
	.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-image-wrapper
		.unit-image.unit-image-feature-large.unit-image-meet-apple-large {
		width: 1068px;
		height: 600px;
		background-size: 1068px 600px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-meet-with-apple/c/c-large-hero/medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-image-wrapper
		.unit-image.unit-image-feature-large.unit-image-meet-apple-large {
		width: 734px;
		height: 500px;
		background-size: 734px 500px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-meet-with-apple/c/c-large-hero/small_2x.jpg");
	}
}

/* App Store Submit Hero 2024 */
.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper
	.unit-image.unit-image-submit-app-store {
	width: 3008px;
	height: 580px;
	background-size: 3008px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-submit-18/large_2x.png");
}

@media only screen and (max-width: 1068px) {
	.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-image-wrapper
		.unit-image.unit-image-submit-app-store {
		width: 1068px;
		height: 600px;
		background-size: 1068px 600px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-submit-18/medium_2x.png");
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-image-wrapper
		.unit-image.unit-image-submit-app-store {
		width: 734px;
		height: 500px;
		background-size: 734px 500px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-submit-18/small_2x.png");
	}
}




/* App Store Submit Hero 2024 */
.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper
	.unit-image.unit-image-submit-app-store {
	width: 3008px;
	height: 580px;
	background-size: 3008px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-submit-18/large_2x.png");
}

@media only screen and (max-width: 1068px) {
	.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-image-wrapper
		.unit-image.unit-image-submit-app-store {
		width: 1068px;
		height: 600px;
		background-size: 1068px 600px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-submit-18/medium_2x.png");
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-image-wrapper
		.unit-image.unit-image-submit-app-store {
		width: 734px;
		height: 500px;
		background-size: 734px 500px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-submit-18/small_2x.png");
	}
}

body[data-color-scheme="dark"] .submit-hero.theme-dark,
body[data-color-scheme="light"] .submit-hero.theme-dark {
	background-color: #141414;
}

/* SSC Large 2025 */

.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-copy-wrapper {
	max-width: 700px;
	margin: 0 auto;
}

.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper
	.unit-image.unit-image-ssc25-large {
	width: 3008px;
	height: 580px;
	background-size: 3008px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-ssc/large/large_2x.jpg");
}

@media only screen and (max-width: 1068px) {
	.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-image-wrapper
		.unit-image.unit-image-ssc25-large {
		width: 1068px;
		height: 570px;
		background-size: 1068px 570px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-ssc/large/medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-image-wrapper
		.unit-image.unit-image-ssc25-large {
		width: 734px;
		height: 500px;
		background-size: 734px 500px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-ssc/large/small_2x.jpg");
	}
}

/* wwdc25 overrides */
.section-heroes
.homepage-section-positions.homepage-section-item-wwdc25
> .homepage-section-item
.hero-large 
.unit-wrapper.unit-wrapper-reverse
.unit-copy-wrapper {
bottom: 40px;
}

html[lang="zh-CN"]
.section-heroes
.homepage-section-positions.homepage-section-item-wwdc25
> .homepage-section-item
.hero-large 
.unit-wrapper.unit-wrapper-reverse
.unit-copy-wrapper {
bottom: 50px;
}

html[lang="ja-JP"]
.section-heroes
.homepage-section-positions.homepage-section-item-wwdc25
> .homepage-section-item
.hero-large 
.unit-wrapper.unit-wrapper-reverse
.unit-copy-wrapper {
bottom: 30px;
}

html[lang="ko-KR"]
.section-heroes
.homepage-section-positions.homepage-section-item-wwdc25
> .homepage-section-item
.hero-large 
.unit-wrapper.unit-wrapper-reverse
.unit-copy-wrapper {
bottom: 35px;
}

.section-heroes.homepage-section .homepage-section-positions.homepage-section-item-wwdc25 > .homepage-section-item .unit-wrapper .unit-copy-wrapper {
	max-width: 820px;
}

@media only screen and (min-width: 1068px) {
	.section-heroes.homepage-section .homepage-section-item-wwdc25 .headline {
		font-size: 43px !important;
		line-height: 1.09091;
		font-weight: 600;
		letter-spacing: -0.002em;
	}
}

@media only screen and (max-width: 1068px) {
	/* overrides for text placement */
	html[lang="ja-JP"]
		.section-heroes.homepage-section
		.homepage-section-item-wwdc25
		.headline {
		font-size: 35px !important;
	}
	
	html[lang="en"]
		.section-heroes.homepage-section
		.homepage-section-item-wwdc25
		.headline {
		font-size: 35px !important;
	}
	

	.section-heroes
		.homepage-section-positions.homepage-section-item-wwdc25
		> .homepage-section-item
		.hero-large 
		.unit-wrapper.unit-wrapper-reverse
		.unit-copy-wrapper {
		bottom: 60px;
	}
	
	html[lang="zh-CN"]
.section-heroes
.homepage-section-positions.homepage-section-item-wwdc25
> .homepage-section-item
.hero-large 
.unit-wrapper.unit-wrapper-reverse
.unit-copy-wrapper {
bottom: 80px;
}

	html[lang="ja-JP"]
		.section-heroes
		.homepage-section-positions.homepage-section-item-wwdc25
		> .homepage-section-item
		.hero-large 
		.unit-wrapper.unit-wrapper-reverse
		.unit-copy-wrapper {
		bottom: 80px;
	}
	
	html[lang="ko-KR"]
.section-heroes
.homepage-section-positions.homepage-section-item-wwdc25
> .homepage-section-item
.hero-large 
.unit-wrapper.unit-wrapper-reverse
.unit-copy-wrapper {
bottom: 55px;
}
}

@media only screen and (max-width: 734px) {
	/* overrides for text placement */
	html[lang="ja-JP"]
		.section-heroes.homepage-section
		.homepage-section-item-wwdc25
		.headline {
		font-size: 24px !important;
	}
	
	html[lang="en"]
		.section-heroes.homepage-section
		.homepage-section-item-wwdc25
		.headline {
		font-size: 26px !important;
	}

	.section-heroes
		.homepage-section-positions.homepage-section-item-wwdc25
		> .homepage-section-item
		.hero-large 
		.unit-wrapper.unit-wrapper-reverse
		.unit-copy-wrapper {
		bottom: 40px;
	}
	
	html[lang="zh-CN"]
.section-heroes
.homepage-section-positions.homepage-section-item-wwdc25
> .homepage-section-item
.hero-large 
.unit-wrapper.unit-wrapper-reverse
.unit-copy-wrapper {
bottom: 50px;
}

	html[lang="ja-JP"]
		.section-heroes
		.homepage-section-positions.homepage-section-item-wwdc25
		> .homepage-section-item
		.hero-large 
		.unit-wrapper.unit-wrapper-reverse
		.unit-copy-wrapper {
		bottom: 15px;
	}
	
	html[lang="ko-KR"]
	.section-heroes
	.homepage-section-positions.homepage-section-item-wwdc25
	> .homepage-section-item
	.hero-large 
	.unit-wrapper.unit-wrapper-reverse
	.unit-copy-wrapper {
	bottom: 35px;
	}
}

/* START Hero Large  */

.section-heroes.homepage-section:first-child
	.homepage-section-item:nth-child(-n + 1)
	.promo-managed-unit.hero-large 
	.unit-wrapper {
	overflow-y: hidden !important;
}

@media only screen and (min-width: 1068px) {
	.main .section-heroes.homepage-section .hero.hero-large ,
	.main .section-heroes.homepage-section .hero.hero-large  .unit-wrapper {
		height: 580px;
	}

	.main .section-heroes.homepage-section .hero.hero-large .hero-large-tall,
	.main
		.section-heroes.homepage-section
		.hero.hero-large .hero-large-tall
		.unit-wrapper {
		height: 636px;
	}

	.section-heroes
		.homepage-section-positions
		> .homepage-section-item
		.hero-large 
		.unit-wrapper.unit-wrapper-reverse
		.unit-copy-wrapper {
		bottom: 90px;
	}

	html[lang="ja-JP"]
		.section-heroes
		.homepage-section-positions
		> .homepage-section-item
		.hero-large 
		.unit-wrapper.unit-wrapper-reverse
		.unit-copy-wrapper,
	html[lang="ko-KR"]
		.section-heroes
		.homepage-section-positions
		> .homepage-section-item
		.hero-large 
		.unit-wrapper.unit-wrapper-reverse
		.unit-copy-wrapper {
		bottom: 50px;
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes
		.homepage-section-positions
		> .homepage-section-item
		.hero-large 
		.unit-wrapper.unit-wrapper-reverse
		.unit-copy-wrapper {
		bottom: 60px;
	}
}

/* End Hero large */

/* shareplay */

.main .section-heroes.homepage-section .hero.hero-shareplay,
.main .section-heroes.homepage-section .hero-shareplay .unit-wrapper {
	background-size: cover;
	background-position: center top;
	height: 692px;
	color: #fff;
	justify-content: center;
}

.main
	.section-heroes.homepage-section
	.hero-shareplay
	.unit-wrapper
	.unit-copy-wrapper {
	padding-top: 350px;
}

.section-heroes.homepage-section .hero-shareplay .unit-wrapper .unit-image {
	bottom: 10%;
}

/* @media only screen and (max-width: 1068px) {
	.section-heroes.homepage-section .hero-shareplay .unit-wrapper .unit-image {
		bottom: 10%;
	}
} */

@media only screen and (max-width: 734px) {
	.main .section-heroes.homepage-section .hero.hero-shareplay,
	.main .section-heroes.homepage-section .hero-shareplay .unit-wrapper {
		height: 500px;
	}

	.section-heroes.homepage-section .hero-shareplay .unit-wrapper .unit-image {
		bottom: 0%;
		transform: translateX(-50%) scale(0.5);
	}

	.main
		.section-heroes.homepage-section
		.hero-shareplay
		.unit-wrapper
		.unit-copy-wrapper {
		padding-top: 250px;
	}
}

.links-side-by-side {
	padding-top: 0.5em;
}
.links-side-by-side a {
	margin: 2em 0.5em;
}
@media only screen and (max-width: 734px) {
	.links-side-by-side a {
		margin: 0;
		display: block;
	}
}

/**/

.main .section-heroes.homepage-section .hero.hero-ios-14,
.main .section-heroes.homepage-section .hero-ios-14 .unit-wrapper {
	/* background: linear-gradient(#F2F2F2, #D5E4F3); */
	height: 692px;
}

.main
	.section-heroes.homepage-section
	.hero-ios-14
	.unit-wrapper
	.unit-copy-wrapper {
	padding-top: 60px;
}
@media only screen and (max-width: 1068px) {
	.main
		.section-heroes.homepage-section
		.hero-ios-14
		.unit-wrapper
		.unit-copy-wrapper {
		padding-top: 70px;
	}
}

.section-heroes.homepage-section .hero-ios-14 .unit-wrapper .unit-image {
	bottom: 10%;
}

@media only screen and (max-width: 734px) {
	.main .section-heroes.homepage-section .hero.hero-ios-14,
	.main .section-heroes.homepage-section .hero-ios-14 .unit-wrapper {
		height: 500px;
	}

	.section-heroes.homepage-section .hero-ios-14 .unit-wrapper .unit-image {
		bottom: 0%;
		transform: translateX(-50%) scale(0.5);
	}
}

@media only screen and (max-width: 320px) {
	.section-heroes.homepage-section .hero-ios-14 .unit-wrapper .unit-image {
		bottom: -2em;
	}
}

/* Ask Apple 2022 */

.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.hero-ask-apple
	.unit-wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
	flex-direction: column-reverse;
}

.main .section-heroes.homepage-section .hero.hero-ask-apple,
.main .section-heroes.homepage-section .hero-ask-apple .unit-wrapper {
	height: 692px;
}

.main
	.section-heroes.homepage-section
	.hero-ask-apple
	.unit-wrapper
	.unit-copy-wrapper {
	padding-top: 20px;
	padding-bottom: 140px;
}

.main
	.section-heroes.homepage-section
	.hero-ask-apple
	.unit-wrapper
	.unit-copy-wrapper
	.ask-apple-event-date {
	color: #000;
	margin-bottom: 1em;
}

body[data-color-scheme="dark"]
	.main
	.section-heroes.homepage-section
	.hero-ask-apple
	.unit-wrapper
	.unit-copy-wrapper
	.ask-apple-event-date {
	color: #a8a8a8;
}

/* :lang(ja-JP) .main .section-heroes.homepage-section .hero-ask-apple .unit-wrapper .unit-copy-wrapper {
	padding-bottom: 85px;
} */

@media only screen and (max-width: 1068px) {
	.main
		.section-heroes.homepage-section
		.hero-ask-apple
		.unit-wrapper
		.unit-copy-wrapper {
		padding-bottom: 140px;
	}
	/* :lang(ja-JP) .main .section-heroes.homepage-section .hero-ask-apple .unit-wrapper .unit-copy-wrapper {
		padding-bottom: 80px;
	} */
}

@media only screen and (max-width: 734px) {
	.main
		.section-heroes.homepage-section
		.hero-ask-apple
		.unit-wrapper
		.unit-copy-wrapper {
		padding-bottom: 60px;
	}
	/* :lang(ja-JP) .main .section-heroes.homepage-section .hero-ask-apple .unit-wrapper .unit-copy-wrapper {
		padding-bottom: 30px;
	} */

	.main
		.section-heroes.homepage-section
		.hero-ask-apple
		.unit-wrapper
		.unit-copy-wrapper
		.ask-apple-event-date {
		margin-bottom: 0.5em;
	}
}

.section-heroes.homepage-section .hero-ask-apple .unit-wrapper .unit-image {
	top: 15%;
}

@media only screen and (max-width: 734px) {
	.main .section-heroes.homepage-section .hero.hero-ask-apple,
	.main .section-heroes.homepage-section .hero-ask-apple .unit-wrapper {
		height: 400px;
	}

	.section-heroes.homepage-section .hero-ask-apple .unit-wrapper .unit-image {
		top: 13%;
		transform: translateX(-50%) scale(1);
		width: 230px;
		height: 134px;
	}
}

@media only screen and (max-width: 450px) {
	:lang(ja-JP)
		.main
		.section-heroes.homepage-section
		.hero-ask-apple
		.unit-wrapper
		.unit-image {
		top: 10%;
		bottom: -2em;
	}
}

@media only screen and (max-width: 320px) {
	.section-heroes.homepage-section .hero-ask-apple .unit-wrapper .unit-image {
		top: 10%;
		bottom: -2em;
	}
}

.main
	.section-heroes.homepage-section
	.hero.hero-ask-apple
	.unit-copy-wrapper
	.subhead {
	max-width: 680px;
}

.main
	.section-heroes.homepage-section
	.hero.hero-ask-apple
	.unit-image-ask-apple {
	max-width: 761px;
}

/**/

/* App Store Sessions 2022 */

.main
	.section-heroes
	.homepage-section-positions
	> .homepage-section-item
	.hero-app-store-sessions
	.unit-wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
	flex-direction: column-reverse;
}

.main .section-heroes.homepage-section .hero.hero-app-store-sessions,
.main .section-heroes.homepage-section .hero-app-store-sessions .unit-wrapper {
	height: 692px;
}

.main
	.section-heroes.homepage-section
	.hero-app-store-sessions
	.unit-wrapper
	.unit-copy-wrapper {
	padding-top: 20px;
	padding-bottom: 180px;
}

:lang(ja-JP)
	.main
	.section-heroes.homepage-section
	.hero-app-store-sessions
	.unit-wrapper
	.unit-copy-wrapper {
	padding-bottom: 140px;
}

@media only screen and (max-width: 1068px) {
	.main
		.section-heroes.homepage-section
		.hero-app-store-sessions
		.unit-wrapper
		.unit-copy-wrapper {
		padding-bottom: 170px;
	}
	:lang(ja-JP)
		.main
		.section-heroes.homepage-section
		.hero-app-store-sessions
		.unit-wrapper
		.unit-copy-wrapper {
		padding-bottom: 130px;
	}
}

@media only screen and (max-width: 734px) {
	.main
		.section-heroes.homepage-section
		.hero-app-store-sessions
		.unit-wrapper
		.unit-copy-wrapper {
		padding-bottom: 60px;
	}
	:lang(ja-JP)
		.main
		.section-heroes.homepage-section
		.hero-app-store-sessions
		.unit-wrapper
		.unit-copy-wrapper {
		padding-bottom: 45px;
	}
}

.section-heroes.homepage-section
	.hero-app-store-sessions
	.unit-wrapper
	.unit-image {
	top: 15%;
}

@media only screen and (max-width: 734px) {
	.main .section-heroes.homepage-section .hero.hero-app-store-sessions,
	.main
		.section-heroes.homepage-section
		.hero-app-store-sessions
		.unit-wrapper {
		height: 400px;
	}

	.section-heroes.homepage-section
		.hero-app-store-sessions
		.unit-wrapper
		.unit-image {
		top: 13%;
		transform: translateX(-50%) scale(1);
		width: 230px;
		height: 134px;
	}
}

.main
	.section-heroes.homepage-section
	.hero.hero-app-store-sessions
	.unit-copy-wrapper
	.subhead {
	max-width: 680px;
}

/* Meet with Apple 2024 */
.main .unit-image-wrapper .unit-image.unit-image-meet-apple {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
}

.main .unit-image-wrapper .unit-image.unit-image-meet-apple.aaa {
	background-image: url("/home/images/tile-meet-with-apple/a/large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-meet-apple.bbb {
	background-image: url("/home/images/tile-meet-with-apple/b/large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-meet-apple.ccc {
	background-image: url("/home/images/tile-meet-with-apple/c/large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-meet-apple.ddd {
	background-image: url("/home/images/tile-meet-with-apple/d/large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-meet-apple.eee {
	background-image: url("/home/images/tile-meet-with-apple/e/large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-meet-apple.fff {
	background-image: url("/home/images/tile-meet-with-apple/f/large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-meet-apple.ggg {
	background-image: url("/home/images/tile-meet-with-apple/g/large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-meet-apple.hhh {
	background-image: url("/home/images/tile-meet-with-apple/h/large_2x.jpg");
}

@media only screen and (min-width: 1730px) {
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.aaa {
		background-image: url("/home/images/tile-meet-with-apple/a/xlarge_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.bbb {
		background-image: url("/home/images/tile-meet-with-apple/b/xlarge_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.ccc {
		background-image: url("/home/images/tile-meet-with-apple/c/xlarge_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.ddd {
		background-image: url("/home/images/tile-meet-with-apple/d/xlarge_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.eee {
		background-image: url("/home/images/tile-meet-with-apple/e/xlarge_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.fff {
		background-image: url("/home/images/tile-meet-with-apple/f/xlarge_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.ggg {
		background-image: url("/home/images/tile-meet-with-apple/g/xlarge_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.hhh {
		background-image: url("/home/images/tile-meet-with-apple/h/xlarge_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple {
		width: 516px;
		height: 490px;
		background-size: 516px 490px;
		background-repeat: no-repeat;
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.aaa {
		background-image: url("/home/images/tile-meet-with-apple/a/medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.bbb {
		background-image: url("/home/images/tile-meet-with-apple/b/medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.ccc {
		background-image: url("/home/images/tile-meet-with-apple/c/medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.ddd {
		background-image: url("/home/images/tile-meet-with-apple/d/medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.eee {
		background-image: url("/home/images/tile-meet-with-apple/e/medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.fff {
		background-image: url("/home/images/tile-meet-with-apple/f/medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.ggg {
		background-image: url("/home/images/tile-meet-with-apple/g/medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.hhh {
		background-image: url("/home/images/tile-meet-with-apple/h/medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.aaa {
		background-image: url("/home/images/tile-meet-with-apple/a/small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.bbb {
		background-image: url("/home/images/tile-meet-with-apple/b/small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.ccc {
		background-image: url("/home/images/tile-meet-with-apple/c/small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.ddd {
		background-image: url("/home/images/tile-meet-with-apple/d/small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.eee {
		background-image: url("/home/images/tile-meet-with-apple/e/small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.fff {
		background-image: url("/home/images/tile-meet-with-apple/f/small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.ggg {
		background-image: url("/home/images/tile-meet-with-apple/g/small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-meet-apple.hhh {
		background-image: url("/home/images/tile-meet-with-apple/h/small_2x.jpg");
	}
}

.main .unit-image-wrapper .unit-image.unit-image-black-fade:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.65) 0%,
		rgba(0, 0, 0, 0) 100%
	);
}

/* Apple Intelligence 2024 */
.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-apple-intelligence {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-position: center 0;
}

html
	.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-apple-intelligence {
	background-image: url("/home/images/tile-apple-intelligence/apple-intelligence-large_2x.jpg");
}

@media only screen and (max-width: 1068px) {
	.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-apple-intelligence {
		width: 516px;
		height: 490px;
		background-size: 516px 490px;
		background-position: center;
		background-repeat: no-repeat;
	}
	html
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-apple-intelligence {
		background-image: url("/home/images/tile-apple-intelligence/apple-intelligence-medium_2x.jpg");
	}
}
@media only screen and (max-width: 734px) {
	.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-apple-intelligence {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
	}
	html
		.main
		.section-promos
		.unit-image-wrapper
		.unit-image.unit-image-apple-intelligence {
		background-image: url("/home/images/tile-apple-intelligence/apple-intelligence-small_2x.jpg");
	}
}

/* Learn Promo - SM Tile - 2024 */
@media only screen and (min-width: 1068px) {
	.section-promos.homepage-section
		.promo-position.homepage-section-learn
		.unit-copy-wrapper
		> * {
		width: 88%;
		max-width: 505px;
	}
}

.main .unit-image-wrapper .unit-image.unit-image-learn-promo {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-learn-promo/learn-large_2x.jpg");
}

@media only screen and (min-width: 1730px) {
	.main .unit-image-wrapper .unit-image.unit-image-learn-promo {
		background-image: url("/home/images/tile-learn-promo/learn-xlarge_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.main .unit-image-wrapper .unit-image.unit-image-learn-promo {
		width: 516px;
		height: 490px;
		background-size: 516px 490px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-learn-promo/learn-medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-learn-promo {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-learn-promo/learn-small_2x.jpg");
	}
}

/* visionOS Promo - SM Tile - 2024 */
.main .unit-image-wrapper .unit-image.unit-image-avp-sm-promo {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-visionos-promo/visionos-large_2x.jpg");
}

@media only screen and (min-width: 1730px) {
	.main .unit-image-wrapper .unit-image.unit-image-avp-sm-promo {
		background-image: url("/home/images/tile-visionos-promo/visionos-xlarge_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.main .unit-image-wrapper .unit-image.unit-image-avp-sm-promo {
		width: 516px;
		height: 490px;
		background-size: 516px 490px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-visionos-promo/visionos-medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-avp-sm-promo {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-visionos-promo/visionos-small_2x.jpg");
	}
}

.main .homepage-section .homepage-section-item.homepage-section-light-copy h4,
.main .homepage-section .homepage-section-item.homepage-section-light-copy h5 {
	color: #fff;
}

/* May Event - SM Tile - 2024 */
.main .unit-image-wrapper .unit-image.unit-image-apple-event-may-hero {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-may-event-2024-promo/may-2024-event-hero1-large_2x.jpg");
}

@media only screen and (max-width: 1068px) {
	.main .unit-image-wrapper .unit-image.unit-image-apple-event-may-hero {
		width: 516px;
		height: 490px;
		background-size: 516px 490px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-may-event-2024-promo/may-2024-event-hero1-medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-apple-event-may-hero {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-may-event-2024-promo/may-2024-event-hero1-small_2x.jpg");
	}
}

.main .homepage-section .homepage-section-item.homepage-section-dark-copy h4,
.main .homepage-section .homepage-section-item.homepage-section-dark-copy h5 {
	color: #1d1d1f;
}

/* Apple Design Awards Winners 2023 */
.main .unit-image-wrapper .unit-image.unit-image-ada23-winners {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1068px) {
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners {
		width: 516px;
		height: 490px;
		background-size: 516px 490px;
		background-repeat: no-repeat;
	}
}

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners {
		width: 734px;
		height: 548px;
		background-size: 734px 548px;
		background-repeat: no-repeat;
		background-position: center;
	}
}

.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.afterplace {
	background-image: url("/home/images/hero-ada23-winners/afterplace-large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.anydistance {
	background-image: url("/home/images/hero-ada23-winners/anydistance-large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.duolingo {
	background-image: url("/home/images/hero-ada23-winners/duolingo-large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.endling {
	background-image: url("/home/images/hero-ada23-winners/endling-large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.flighty {
	background-image: url("/home/images/hero-ada23-winners/flighty-large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.headspace {
	background-image: url("/home/images/hero-ada23-winners/headspace-large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.marvelsnap {
	background-image: url("/home/images/hero-ada23-winners/marvelsnap-large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.railbound {
	background-image: url("/home/images/hero-ada23-winners/railbound-large_2x.jpg");
}
.main
	.unit-image-wrapper
	.unit-image.unit-image-ada23-winners.residentevilvillage {
	background-image: url("/home/images/hero-ada23-winners/residentevilvillage-large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.stitch {
	background-image: url("/home/images/hero-ada23-winners/stitch-large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.swingvision {
	background-image: url("/home/images/hero-ada23-winners/swingvision-large_2x.jpg");
}
.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.universe {
	background-image: url("/home/images/hero-ada23-winners/universe-large_2x.jpg");
}

@media only screen and (max-width: 1068px) {
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.afterplace {
		background-image: url("/home/images/hero-ada23-winners/afterplace-medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.anydistance {
		background-image: url("/home/images/hero-ada23-winners/anydistance-medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.duolingo {
		background-image: url("/home/images/hero-ada23-winners/duolingo-medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.endling {
		background-image: url("/home/images/hero-ada23-winners/endling-medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.flighty {
		background-image: url("/home/images/hero-ada23-winners/flighty-medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.headspace {
		background-image: url("/home/images/hero-ada23-winners/headspace-medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.marvelsnap {
		background-image: url("/home/images/hero-ada23-winners/marvelsnap-medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.railbound {
		background-image: url("/home/images/hero-ada23-winners/railbound-medium_2x.jpg");
	}
	.main
		.unit-image-wrapper
		.unit-image.unit-image-ada23-winners.residentevilvillage {
		background-image: url("/home/images/hero-ada23-winners/residentevilvillage-medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.stitch {
		background-image: url("/home/images/hero-ada23-winners/stitch-medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.swingvision {
		background-image: url("/home/images/hero-ada23-winners/swingvision-medium_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.universe {
		background-image: url("/home/images/hero-ada23-winners/universe-medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.afterplace {
		background-image: url("/home/images/hero-ada23-winners/afterplace-small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.anydistance {
		background-image: url("/home/images/hero-ada23-winners/anydistance-small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.duolingo {
		background-image: url("/home/images/hero-ada23-winners/duolingo-small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.endling {
		background-image: url("/home/images/hero-ada23-winners/endling-small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.flighty {
		background-image: url("/home/images/hero-ada23-winners/flighty-small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.headspace {
		background-image: url("/home/images/hero-ada23-winners/headspace-small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.marvelsnap {
		background-image: url("/home/images/hero-ada23-winners/marvelsnap-small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.railbound {
		background-image: url("/home/images/hero-ada23-winners/railbound-small_2x.jpg");
	}
	.main
		.unit-image-wrapper
		.unit-image.unit-image-ada23-winners.residentevilvillage {
		background-image: url("/home/images/hero-ada23-winners/residentevilvillage-small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.stitch {
		background-image: url("/home/images/hero-ada23-winners/stitch-small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.swingvision {
		background-image: url("/home/images/hero-ada23-winners/swingvision-small_2x.jpg");
	}
	.main .unit-image-wrapper .unit-image.unit-image-ada23-winners.universe {
		background-image: url("/home/images/hero-ada23-winners/universe-small_2x.jpg");
	}
}

/* Apple Design Awards 2023 */
/* ada23 */

.unit-image-hero-ada23-tile {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-image: url("/home/images/hero-ada23/large_2x.jpg");
	background-color: #000;
}

.main .section-heroes.homepage-section .hero.hero-ada23,
.main .section-heroes.homepage-section .hero-ada23 .unit-wrapper {
	background: url("/home/images/hero-ada23/large_2x.jpg");
	background-size: cover;
	background-position: center top;
	height: 692px;
	color: #fff;
	justify-content: center;
}

.homepage-section-item-hero-ada23 {
	color: #1d1d1f !important;
	background-color: #f5f4f0 !important;
}

.unit-copy-hero-ada23,
body[data-color-scheme="dark"] .unit-copy-hero-ada23 {
	position: absolute !important;
	width: 100% !important;
	bottom: 0;
	margin-bottom: 4em !important;
	color: #1d1d1f !important;
}

body[data-color-scheme="dark"] .unit-copy-hero-ada23 h4,
body[data-color-scheme="dark"] .unit-copy-hero-ada23 h5 {
	color: #1d1d1f !important;
}

/* .unit-copy-hero-ada23 h4{
	font-size: 2em !important;
}
.unit-copy-hero-ada23 h5{
	font-size: 1.1em !important;
} */

.main .section-heroes.homepage-section .hero.hero-ada23,
.main .section-heroes.homepage-section .hero-ada23 .unit-wrapper {
	background: url("/home/images/hero-ada23/large_2x.jpg");
	background-size: cover;
	background-position: center top;
	height: 692px;
	color: #fff;
	justify-content: center;
}

.main
	.section-heroes.homepage-section
	.hero-ada23
	.unit-wrapper
	.unit-copy-wrapper {
	padding-top: 350px;
}

.section-heroes.homepage-section .hero-ada23 .unit-wrapper .unit-image {
	bottom: 10%;
}

/* @media only screen and (max-width: 1068px) {
	.section-heroes.homepage-section .hero-ada23 .unit-wrapper .unit-image {
		bottom: 10%;
	}
} */

@media only screen and (max-width: 734px) {
	.main .section-heroes.homepage-section .hero.hero-ada23,
	.main .section-heroes.homepage-section .hero-ada23 .unit-wrapper {
		height: 500px;
	}

	.section-heroes.homepage-section .hero-ada23 .unit-wrapper .unit-image {
		bottom: 0%;
		transform: translateX(-50%) scale(0.5);
	}

	.main
		.section-heroes.homepage-section
		.hero-ada23
		.unit-wrapper
		.unit-copy-wrapper {
		padding-top: 250px;
	}
}

.links-side-by-side {
	padding-top: 0.5em;
}
.links-side-by-side a {
	margin: 2em 0.5em;
}
@media only screen and (max-width: 734px) {
	.links-side-by-side a {
		margin: 0;
		display: block;
	}
}

/* Universal program */

.main .section-heroes.homepage-section .hero.hero-universal,
.main .section-heroes.homepage-section .hero-universal .unit-wrapper {
	background: url("/home/images/hero-universal/large.jpg");
	background-size: cover;
	background-position: center top;
	height: 692px;
	color: #fff;
	justify-content: center;
}

.main
	.section-heroes.homepage-section
	.hero-universal
	.unit-wrapper
	.unit-copy-wrapper {
	padding-top: 0;
}

.section-heroes.homepage-section .hero-universal .unit-wrapper .unit-image {
	bottom: 10%;
}

/* @media only screen and (max-width: 1068px) {
	.section-heroes.homepage-section .hero-universal .unit-wrapper .unit-image {
		bottom: 10%;
	}
} */

@media only screen and (max-width: 734px) {
	.main .section-heroes.homepage-section .hero.hero-universal,
	.main .section-heroes.homepage-section .hero-universal .unit-wrapper {
		height: 500px;
	}

	.section-heroes.homepage-section .hero-universal .unit-wrapper .unit-image {
		bottom: 0%;
		transform: translateX(-50%) scale(0.5);
	}
}

.section-promos.homepage-section
	.promo-position.homepage-section-item-sign-in-with-apple {
	background: linear-gradient(320deg, #3c281d 0%, #615b54 100%);
}

.section-promos.homepage-section
	.promo-position.homepage-section-item-watchos-8
	.unit-wrapper
	.unit-image,
.section-promos.homepage-section
	.promo-position.homepage-section-item-macos-12
	.unit-wrapper
	.unit-image,
.section-promos.homepage-section
	.promo-position.homepage-section-item-ios-15
	.unit-wrapper
	.unit-image,
.section-promos.homepage-section
	.promo-position.homepage-section-item-ipados-15
	.unit-wrapper
	.unit-image,
.section-promos.homepage-section
	.promo-position.homepage-section-item-tvos
	.unit-wrapper
	.unit-image {
	top: 24%;
}

.section-promos.homepage-section
	.promo-position.homepage-section-whats-new
	.unit-wrapper
	.unit-image {
	top: 45%;
}

.section-promos.homepage-section
	.promo-position.homepage-section-item-sign-in-with-apple
	.unit-wrapper
	.unit-image {
	bottom: 14%;
}

@media only screen and (max-width: 1068px) {
	.section-promos.homepage-section
		.promo-position.homepage-section-item-watchos-8
		.unit-wrapper
		.unit-image,
	.section-promos.homepage-section
		.promo-position.homepage-section-item-macos-12
		.unit-wrapper
		.unit-image,
	.section-promos.homepage-section
		.promo-position.homepage-section-item-ios-15
		.unit-wrapper
		.unit-image,
	.section-promos.homepage-section
		.promo-position.homepage-section-item-ipados-15
		.unit-wrapper
		.unit-image,
	.section-promos.homepage-section
		.promo-position.homepage-section-item-tvos
		.unit-wrapper
		.unit-image {
		transform: translateX(-50%) scale(0.7);
		top: 20%;
	}

	.section-promos.homepage-section
		.promo-position.homepage-section-item-ipados-videos
		.unit-wrapper
		.unit-image {
		transform: translateX(-50%) scale(0.7);
	}

	.section-promos.homepage-section
		.promo-position.homepage-section-item-vision
		.unit-wrapper
		.unit-image {
		top: unset;
		transform: translateX(-50%) scale(0.7);
	}
}

@media only screen and (max-width: 734px) {
	.section-heroes
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-copy-wrapper {
		padding-left: 6%;
		padding-right: 6%;
	}

	.section-promos.homepage-section
		.promo-position.homepage-section-item-vision
		.unit-wrapper
		.unit-image {
		top: 30%;
	}
}

@media only screen and (max-width: 320px) {
	.section-promos.homepage-section
		.promo-position.homepage-section-item-macos-12
		.unit-wrapper
		.unit-image {
		width: 455px !important;
		height: 265px !important;
		bottom: 17%;
	}

	.section-promos.homepage-section
		.promo-position.homepage-section-item-ipados-15
		.unit-wrapper
		.unit-image {
		width: 275px !important;
		height: 199px !important;
	}

	.section-promos.homepage-section
		.promo-position.homepage-section-item-tvos
		.unit-wrapper
		.unit-image {
		width: 275px !important;
		height: 163px !important;
	}
}

/* What's New */
.section.section-whats-new {
	background-color: #f5f5f7;
	margin-top: 6px;
}
.section.section-whats-new .row > .column {
	margin: 1.5em auto;
}
.section.section-whats-new .unit-wrapper {
	position: relative;
	padding: 12px 0;
}
.section.section-whats-new a.unit-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	color: #1d1d1f;
}
.section.section-whats-new h5.subhead {
	font-weight: 400;
}
.section.section-whats-new a.unit-link,
.section.section-whats-new a.unit-link span.more {
	color: #fff;
}
.section.section-whats-new a.unit-link:hover {
	text-decoration: none;
}
.section.section-whats-new a.unit-link span.more:hover {
	text-decoration: underline;
}

/* Build Apps */
.section.section-build-apps {
	background: #000;
	background: linear-gradient(to bottom, #00172b 0%, #0f72c5 100%);
	margin-bottom: 12px;
	margin-top: 6px !important;
}
.section.section-build-apps h5.subhead {
	font-weight: 400;
}
.section.section-build-apps .unit-wrapper {
	position: relative;
	padding: 1.5em 0 0;
}
.section.section-build-apps a.unit-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

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

.hero-build-apps {
	margin-top: -50px;
	height: 376px;
	background-size: 1680px;
	background-repeat: no-repeat;
	background-image: url("/home/images/hero-build-apps/build-apps.png");
	background-position: center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi) {
	.hero-build-apps {
		background-image: url("/home/images/hero-build-apps/build-apps_2x.png");
	}
}

@media only screen and (max-width: 734px) {
	.hero-build-apps {
		margin-top: -40px;
		height: 291px;
		background-size: 1300px;
	}
}

/* ADP Membership */
.section.section-adp {
	background: linear-gradient(
		170deg,
		#d0768c 0%,
		#bf46a5 10%,
		#7029b2 50%,
		#341d8c 100%
	);
	margin-top: 12px;
	margin-bottom: 12px;
}
.section.section-adp .row > .column {
	margin: 1.5em auto;
}
.section.section-adp .unit-wrapper {
	position: relative;
	padding: 12px 0;
}
.section.section-adp a.unit-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	color: #1d1d1f;
}
.section.section-adp h5.subhead {
	font-weight: 400;
}
.section.section-adp a.unit-link,
.section.section-adp a.unit-link span.more {
	color: #fff;
}
.section.section-adp a.unit-link:hover {
	text-decoration: none;
}
.section.section-adp a.unit-link span.more:hover {
	text-decoration: underline;
}

/* Homepage Router */
.router-icon-forum {
	background-image: url("/assets/elements/icons/wwdr-unified/forum-c.svg");
}
.router-icon-download {
	background-image: url("/assets/elements/icons/wwdr-unified/download-c.svg");
}
.router-icon-documentation {
	background-image: url("/assets/elements/icons/wwdr-unified/documentation-c.svg");
}
.router-icon-videos {
	background-image: url("/assets/elements/icons/wwdr-unified/play-c.svg");
}

.unit-sdk-17-full {
	width: 232px;
	height: 232px;
}

@media only screen and (max-width: 1068px) {
	.unit-sdk-17-full {
		width: 200px;
		height: 200px;
	}
}

.filter-w {
	filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(0%)
		hue-rotate(75deg) brightness(113%) contrast(101%);
}

/* === DARK MODE === */
body[data-color-scheme="dark"]
	.main
	.section-heroes.homepage-section
	.homepage-section-item {
	/* border-color:var(--fill); */
	/* border-color: #0b0b0b; */
	border-color: #000;
}
body[data-color-scheme="dark"] .section-promos.homepage-section .promo-position,
body[data-color-scheme="dark"]
	.main
	.section-heroes.homepage-section
	.homepage-section-item.hero-whats-new {
	/* border-color:var(--fill);  */
	/* border-color: #0b0b0b; */
	border-color: #000;
	background-color: var(--fill-secondary-alt);
}
body[data-color-scheme="dark"] .main {
	/* background-color: #0b0b0b; */
	background-color: #000;
}

body[data-color-scheme="dark"] .hero.hero-ios-15.promo-managed-unit {
	background-color: var(--fill-secondary-alt);
}
body[data-color-scheme="dark"] .homepage-section-item-app-store {
	background: rgb(3, 49, 128);
	background: linear-gradient(
		320deg,
		rgb(3, 49, 128) 0%,
		rgb(81, 214, 254) 100%
	);
}
body[data-color-scheme="dark"]
	.main
	.section-promos
	.unit-image-wrapper
	.unit-image.unit-image-tile-ecamp-summer22 {
	background-color: #222222;
}
body[data-color-scheme="dark"] .section.section-whats-new {
	background-color: #141414;
}
body[data-color-scheme="dark"] .homepage-section-swift-playgrounds {
	background: #aecffc;
	background: linear-gradient(
		320deg,
		#aecffc 0%,
		rgba(125, 180, 253, 0.6) 100%
	);
}
body[data-color-scheme="dark"] .homepage-section-ask-apple {
	background: #aecffc;
	background: linear-gradient(
		0deg,
		var(--fill-gray-quinary) 0%,
		var(--fill-secondary) 100%
	);
}
body[data-color-scheme="dark"] .homepage-section-gptk {
	background-color: #f5f5f7 !important;
}
/* html body[data-color-scheme="dark"] .main .homepage-section .homepage-section-item.homepage-section-item-events-promo h4, 
html body[data-color-scheme="dark"] .main .homepage-section .homepage-section-item.homepage-section-item-events-promo h5,
html body[data-color-scheme="dark"] .main .homepage-section .homepage-section-item.homepage-section-item-hello-dev-fw h4, 
html body[data-color-scheme="dark"] .main .homepage-section .homepage-section-item.homepage-section-item-hello-dev-fw h5 {color: #333 !important;} */
body[data-color-scheme="dark"] .homepage-section-whats-new {
	background: linear-gradient(320deg, #0d0d0d 0%, #222 100%);
}
body[data-color-scheme="dark"] .homepage-section-item-shareplay {
	background: #205430;
	background: linear-gradient(320deg, #0d8d51 0%, #205430 100%);
}
body[data-color-scheme="dark"]
	.main
	.section-heroes.homepage-section
	.hero.hero-xcode-13,
body[data-color-scheme="dark"]
	.main
	.section-heroes.homepage-section
	.hero-xcode-13
	.unit-wrapper {
	background: linear-gradient(#1c1d5a, #0e0a26);
}
body[data-color-scheme="light"] .homepage-section-item-ai-large,
body[data-color-scheme="light"] .homepage-section-item-games-large {
	background: #f5f5f7;
}
.homepage-section-item-xcode-cloud {
	background: #15266d;
	background: linear-gradient(320deg, #52b2ea 0%, #15266d 100%);
}
body[data-color-scheme="dark"] .homepage-section-item-xcode-cloud {
	background: #15266d;
	background: linear-gradient(320deg, #52b2ea 0%, #15266d 100%);
}
.homepage-section-item-a11y {
	background: #192133;
	background: linear-gradient(150deg, #192133, #1e2842)
}
body[data-color-scheme="dark"] .homepage-section-item-a11y {
	background: #192133;
	background: linear-gradient(150deg, #192133, #1e2842)
}
body[data-color-scheme="dark"] .homepage-section-item-swiftui {
	background: #52b2ea;
	background: linear-gradient(320deg, #15266d 0%, #52b2ea 100%);
}
body[data-color-scheme="dark"] .router-icon-forum {
	background-image: url("/assets/elements/icons/wwdr-unified/forum-c-i.svg");
}
body[data-color-scheme="dark"] .router-icon-download {
	background-image: url("/assets/elements/icons/wwdr-unified/download-c-i.svg");
}
body[data-color-scheme="dark"] .router-icon-documentation {
	background-image: url("/assets/elements/icons/wwdr-unified/documentation-c-i.svg");
}
body[data-color-scheme="dark"] .router-icon-videos {
	background-image: url("/assets/elements/icons/wwdr-unified/play-c-i.svg");
}