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 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: 735px) {
	.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: 735px) {
	.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: 735px) {
	.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: -.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: -.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: 735px) {
	.section-heroes.homepage-section .headline {
		font-size: 32px;
		line-height: 1.125;
		font-weight: 600;
		letter-spacing: .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: .008em;
	font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	margin-top: 6px;
}

.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: .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: 735px) {
	.section-heroes.homepage-section .subhead {
		font-size: 19px;
		line-height: 1.42115;
		font-weight: 400;
		letter-spacing: .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: 735px) {
	.section-heroes.homepage-section .subhead {
		margin-top: 2px;
	}
}

.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: 1.0em;
}

@media only screen and (min-width: 768px) {
	.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: 767px) {
	.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 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;
}

@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: 735px) {
	.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 .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: 735px) {
	.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;
	height: 592px;
}

@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: 735px) {
	.section-promos.homepage-section .promo-position {
		height: 512px;
	}
}

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

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

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

@media only screen and (max-width: 735px) {
	.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-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: 735px) {
	.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-promos.homepage-section .promo-position:nth-last-child(-n+2) {
		border-bottom-width: 12px;
	}
}

@media screen and (max-aspect-ratio: 9999 / 1) and (min-aspect-ratio: 1 / 10000) and (min-width: 0px) and (max-width: 735px) {
	.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;
	}
}

@media only screen and (max-width: 735px) {
	.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>*.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: .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: 735px) {
	.section-promos.homepage-section .promo-position .unit-copy-wrapper>*.headline {
		margin-top: 37px;
	}
}

.section-promos.homepage-section .promo-position .unit-copy-wrapper>*.subhead {
	font-size: 21px;
	line-height: 1.2381;
	font-weight: 400;
	letter-spacing: .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 {
		font-size: 19px;
		line-height: 1.21053;
		font-weight: 400;
		letter-spacing: .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 {
		margin-top: 3px;
	}
}

@media only screen and (max-width: 735px) {
	.section-promos.homepage-section .promo-position .unit-copy-wrapper>*.subhead {
		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) {
	.section-promos.homepage-section:first-child .homepage-section-item:nth-child(-n+2) {
		border-top: 0px;
		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;
	}
}

@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: 735px) {
	.section-promos.homepage-section:first-child .homepage-section-item:nth-child(-n+2) {
		height: 560px;
	}
}

@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;
	}
}

@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: 735px) {
	.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: 735px) 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: 735px) 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: 735px) {
	.section-promos .homepage-section-positions>.homepage-section-item .logo-image {
		margin-top: 29px;
	}
}

/* PROMO-SPECIFIC CODE */

/* App Store Best of 2020 */

.main .section-heroes .homepage-section-positions>.homepage-section-item .app-store-best-of-2020 .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-2020 .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-2020 .unit-wrapper a.unit-link:hover{
	text-decoration:none
}
.main .section-heroes .homepage-section-positions>.homepage-section-item .app-store-best-of-2020 .unit-wrapper a.unit-link:focus{
	outline-offset:-3px
}
html.ie .main .section-heroes .homepage-section-positions>.homepage-section-item .app-store-best-of-2020 .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-2020 .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-2020 .unit-wrapper a:not(.unit-link):hover{
	text-decoration:underline
}
.main .section-heroes .homepage-section-positions>.homepage-section-item .app-store-best-of-2020 .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-2020 .unit-wrapper,
.main .section-heroes.homepage-section .app-store-best-of-2020.hero {
	height: 624px;
}
@media only screen and (max-width: 1068px){
	.main .section-heroes.homepage-section .app-store-best-of-2020 .unit-wrapper,
	.main .section-heroes.homepage-section .app-store-best-of-2020.hero {
		height: 617px;
	}
}
@media only screen and (max-width: 735px){
	.main .section-heroes.homepage-section .app-store-best-of-2020 .unit-wrapper,
	.main .section-heroes.homepage-section .app-store-best-of-2020.hero {
		height: 548px;
	}
}
@media only screen and (min-width: 1069px) and (min-height: 776px){
	.main .section-heroes.homepage-section .app-store-best-of-2020 .unit-wrapper,
	.main .section-heroes.homepage-section .app-store-best-of-2020.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-2020 .unit-wrapper,
	.main .section-heroes.homepage-section .app-store-best-of-2020.hero {
		height: 617px;
	}
}

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

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

/* TILE EVENT END */

/* 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: 735px){
	.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: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) 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 */

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


/* PLATFORMS */
.section-heroes .homepage-section-positions>.homepage-section-item.homepage-section-item-subscriptions .unit-copy-wrapper,
.section-heroes .homepage-section-positions>.homepage-section-item.homepage-section-item-platforms .unit-copy-wrapper {
	padding-top: 40px;
}

.section-heroes.homepage-section .homepage-section-item-platforms .unit-wrapper {
	position: relative;
	overflow: hidden;
	height: 760px;
	background: #f7f7f7;
}
.section-heroes.homepage-section .homepage-section-item-platforms .unit-image {
	top: 0;
}

.image-hero-apple-platforms {
	background-image: url('/home/images/hero-apple-platforms/large.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	width: 1724px;
	height: 726px;
	position: relative;
}

.platform-icon {
	margin: 0 auto 0.5em;
	width: 54px;
	height: 54px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.platform-icon-ios {
	background-image: url("/assets/elements/icons/platforms/icon-ios.svg");
}
.platform-icon-ipados {
	background-image: url("/assets/elements/icons/platforms/icon-ipados.svg");
}
.platform-icon-macos {
	background-image: url("/assets/elements/icons/platforms/icon-macos.svg");
}
.platform-icon-tvos {
	background-image: url("/assets/elements/icons/platforms/icon-tvos.svg");
}
.platform-icon-watchos {
	background-image: url("/assets/elements/icons/platforms/icon-watchos.svg");
}



@media only screen and (max-width: 1068px) {
	.section-heroes.homepage-section .homepage-section-item-platforms .unit-wrapper {
		height: 550px;
	}
	.section-heroes.homepage-section .homepage-section-item-platforms .unit-image {
		top: 60px;
	}
	.image-hero-apple-platforms {
		background-image: url('/home/images/hero-apple-platforms/medium.jpg');
		width: 1065px;
		height: 449px;
	}
}

@media only screen and (max-width: 735px) {
	.section-heroes.homepage-section .homepage-section-item-platforms .unit-wrapper {
		height: 410px;
	}
	.section-heroes.homepage-section .homepage-section-item-platforms .unit-image {
		top: 90px;
	}
	.image-hero-apple-platforms {
		background-image: url('/home/images/hero-apple-platforms/small.jpg');
		width: 641px;
		height: 270px;
	}
}

/* Xcode Cloud */
.homepage-section-item-xcode-cloud {
	background: #89c1e5;
	background: linear-gradient(320deg, #89c1e5 0%, #eeffff 100%);
}
@media only screen and (max-width: 320px) {
	.section-promos.homepage-section .promo-position.homepage-section-item-xcode-cloud .unit-wrapper .unit-image.unit-image-centered {
		bottom: 8%;
	}
}

/* SwiftUI */
.homepage-section-item-swiftui {
	background: #3579ed;
	background: linear-gradient(320deg, #eeffff 0%, #3579ed 100%);
}

/* App Store */

.homepage-section-item-app-store {
	background: rgb(81,214,254);
	background: linear-gradient(320deg, rgb(10,96,216) 0%, rgb(81,214,254) 100%);
}

/* SharePlay*/

.homepage-section-item-shareplay {
	background: #205430; 
	background: linear-gradient(320deg, #0d8d51 0%, #205430 100%);
}

/* Siri */

.homepage-section-item-sirikit {
	background: rgb(138,181,199);
	background: linear-gradient(320deg, rgba(138,181,199,1) 0%, rgba(210,202,251,0.36) 100%);
}

/* Mac App Store */

.homepage-section-item-mac-app-store {
	background: rgb(0,112,201);
	background: linear-gradient(320deg, rgba(0,112,201,1) 0%, rgba(180,205,228,1) 100%);
}


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

.section-heroes.homepage-section .hero-swiftui .unit-wrapper .unit-image {
	bottom: 5%;
}

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

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

	.section-heroes.homepage-section .hero-swiftui .unit-wrapper .unit-image {
		bottom: -4%;
		transform: translateX(-50%) scale(.5);
	}
}

/**/

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

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

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

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

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

/* WWDC21 */

.hero-masthead{
	width: 285px;
}
@media only screen and (max-width: 1068px){
	.hero-masthead{
		width: 225px;
	}
}

@media only screen and (max-width: 735px){
	.hero-masthead{
		width: 165px;
	}
}

.main .section-heroes .homepage-section-positions>.homepage-section-item .hero-wwdc21 .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 .hero-wwdc21 .unit-wrapper a.unit-link{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999999
}
.main .section-heroes .homepage-section-positions>.homepage-section-item .hero-wwdc21 .unit-wrapper a.unit-link:hover{
	text-decoration:none
}
.main .section-heroes .homepage-section-positions>.homepage-section-item .hero-wwdc21 .unit-wrapper a.unit-link:focus{
	outline-offset:-3px
}
html.ie .main .section-heroes .homepage-section-positions>.homepage-section-item .hero-wwdc21 .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 .hero-wwdc21 .unit-wrapper a:not(.unit-link){
	z-index:4;
	text-decoration:none
}
.main .section-heroes .homepage-section-positions>.homepage-section-item .hero-wwdc21 .unit-wrapper a:not(.unit-link):hover{
	text-decoration:underline
}
.main .section-heroes .homepage-section-positions>.homepage-section-item .hero-wwdc21 .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 .hero-wwdc21 .unit-wrapper,
.main .section-heroes.homepage-section .hero-wwdc21.hero {
	height: 524px;
}
@media only screen and (max-width: 1068px){
	.main .section-heroes.homepage-section .hero-wwdc21 .unit-wrapper,
	.main .section-heroes.homepage-section .hero-wwdc21.hero {
		height: 517px;
	}
}
@media only screen and (max-width: 735px){
	.main .section-heroes.homepage-section .hero-wwdc21 .unit-wrapper,
	.main .section-heroes.homepage-section .hero-wwdc21.hero {
		height: 470px;
	}
}
@media only screen and (min-width: 1069px) and (min-height: 776px){
	.main .section-heroes.homepage-section .hero-wwdc21 .unit-wrapper,
	.main .section-heroes.homepage-section .hero-wwdc21.hero {
		height: 524px;
	}
}
@media only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px){
	.main .section-heroes.homepage-section .hero-wwdc21 .unit-wrapper,
	.main .section-heroes.homepage-section .hero-wwdc21.hero {
		height: 517px;
	}
}

/* @media only screen and (min-height: 776px) and (min-width: 1069px) {
	.main .section-heroes.homepage-section .hero-wwdc21 .unit-wrapper,
	.main .section-heroes.homepage-section .hero-wwdc21.hero {
		height: 624px !important;
	}
} */
.main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc21{
	width:2560px;
	height:524px;
	background-size:2560px 624px;
	background-repeat:no-repeat;
	background-position: center 0;
}

html[lang="en"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
	background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large.jpg");
}
html[lang="ko-KR"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
	background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large.jpg");
}
html[lang="zh-CN"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
	background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large.jpg");
}
html[lang="ja-JP"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
	background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-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-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large_2x.jpg")
	}
	html[lang="ko-KR"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large_2x.jpg")
	}
	html[lang="zh-CN"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large_2x.jpg")
	}
	html[lang="ja-JP"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large_2x.jpg")
	}


}
@media only screen and (max-width: 1068px){
	.main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc21{
		width:1068px;
		height:530px;
		background-size:1068px 617px;
		background-repeat:no-repeat;
		background-position: center 0;
		
	}
	html[lang="en"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium.jpg");
	}
	html[lang="ko-KR"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium.jpg");
	}
	html[lang="zh-CN"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium.jpg");
	}
	html[lang="ja-JP"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-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"] .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium_2x.jpg")
	}
	html[lang="ko-KR"] .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium_2x.jpg")
	}
	html[lang="zh-CN"] .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium_2x.jpg")
	}
	html[lang="ja-JP"] .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium_2x.jpg")
	}
	
}
@media only screen and (max-width: 735px){
	.main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc21{
		width:736px;
		height:470px;
		background-size:736px 548px;
		background-repeat:no-repeat;
		background-position: center 0;
		
	}
	html[lang="en"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-small.jpg?1");
	}
	html[lang="ko-KR"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-small.jpg?1");
	}
	html[lang="zh-CN"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-small.jpg?1");
	}
	html[lang="ja-JP"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
		background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-small.jpg?1");
	}
}
@media only screen and (max-width: 500px){
	.main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc21{
		width:145vw !important;
		height:100% !important;
		background-size:145vw auto !important;
		background-repeat:no-repeat;
		background-position: center 0;
		
	}

	.main .section-heroes.homepage-section .hero-wwdc21 .unit-wrapper,
	.main .section-heroes.homepage-section .hero-wwdc21.hero {
		height: 100vw !important;
	}

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

}

.hero-wwdc21 .unit-wrapper{
	position: relative !important;
}

.wwdc21-hero-item{
	background-color: #000000;
	/* padding-bottom: 30px !important; */
}

@media only screen and (min-width: 1068px){

	html[lang="ja-JP"] .main .section-heroes .hero-wwdc21 .unit-wrapper .unit-copy-wrapper{
		bottom: 15px;
	}
	.hero-wwdc21 .unit-wrapper .unit-copy-wrapper{
		left: 50%;
		position: absolute !important;
		transform: translate(-50%, 0%);
		z-index: 999;
		bottom: 35px;
		width: 650px !important;
	}
}

@media only screen and (max-width: 1068px){
	.hero-wwdc21 .unit-wrapper .unit-copy-wrapper{
		left: 50%;
		position: absolute !important;
		transform: translate(-50%, 0%);
		z-index: 999;
		bottom: 30px;
		width: 600px !important;
	}
}

@media only screen and (max-width: 735px){
	.hero-wwdc21 .unit-wrapper .unit-copy-wrapper{
		left: 50%;
		position: absolute !important;
		transform: translate(-50%, 0%);
		z-index: 999;
		bottom: 25px;
		width: 550px !important;
	}
}

@media only screen and (max-width: 500px){
	.hero-wwdc21 .unit-wrapper .unit-copy-wrapper{
		left: 50%;
		position: absolute !important;
		transform: translate(-50%, 0%);
		z-index: 999;
		bottom: 15px;
		width: 90% !important;
	}
}

/* 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: 735px) {
	.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(.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: 735px) {
	.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: 735px) {
	.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(.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 {
	bottom: 10%;
}

.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 {
		transform: translateX(-50%) scale(.7);
		bottom: 5%;
	}
}

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

@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.section-platforms {
	margin-top: 0;
	background: #fafafa;
}

.section-platforms .links {
	display: flex;
	align-items: baseline;
	justify-content: center;
}

.section-platforms .links a {
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin: 0 2vw;
}

.section-platforms .links img {
	margin-bottom: 0.5em;
}


/* Build Apps */
.section.section-build-apps {
	background: #000;
	background: linear-gradient(to bottom,  #000000 0%,#0f72c5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0f72c5',GradientType=0 ); /* IE6-9 */
	margin-top: 12px;
	margin-bottom: 12px;
}
.section.section-build-apps h5.subhead {
	font-weight: 400;
}
.section.section-build-apps .unit-wrapper {
	position: relative;
	padding: 12px 0;
}
.section.section-build-apps a.unit-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.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: 735px) { 
	.hero-build-apps {
		margin-top: -40px;
		height: 291px;
		background-size: 1300px;
	}
}


/* === DARK MODE === */
	body[data-color-scheme="dark"] .main .section-heroes.homepage-section .homepage-section-item {border-color:var(--fill);}
	body[data-color-scheme="dark"] .section-promos.homepage-section .promo-position {border-color:var(--fill); background-color:var(--fill-secondary-alt);}
	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"] .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="dark"] .homepage-section-item-xcode-cloud {background: #15266D; background: linear-gradient(320deg, #52b2ea 0%, #15266D 100%);}
	body[data-color-scheme="dark"] .homepage-section-item-swiftui {background: #52b2ea; background: linear-gradient(320deg, #15266D 0%, #52b2ea 100%);}
	body[data-color-scheme="dark"] .section.section-platforms {background: var(--fill-secondary-alt);}
	body[data-color-scheme="dark"] .platform-icon-ios {background-image: url("/assets/elements/icons/platforms/icon-ios-i.svg");}
	body[data-color-scheme="dark"] .platform-icon-ipados {background-image: url("/assets/elements/icons/platforms/icon-ipados-i.svg");}
	body[data-color-scheme="dark"] .platform-icon-macos {background-image: url("/assets/elements/icons/platforms/icon-macos-i.svg");}
	body[data-color-scheme="dark"] .platform-icon-tvos {background-image: url("/assets/elements/icons/platforms/icon-tvos-i.svg");}
	body[data-color-scheme="dark"] .platform-icon-watchos {background-image: url("/assets/elements/icons/platforms/icon-watchos-i.svg");}