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

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

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

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

.logo-image {
	margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cta-button-links {
	text-align: center;
	margin: 1em auto 0;
	z-index: 5 !important;
	display: flex;
	gap: 0.5em;
	padding-top: 0.5em;
	justify-content: center;
	align-items: center;
}

.cta-button-links:hover a {
	text-decoration: none !important;
}

.cta-button-invert {
	filter: invert(1);
}

.cta-button-light {
	filter: brightness(0) invert(1);
}

.cta-button-dark {
	filter: brightness(0);
}

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

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

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

.cta-links.cta-links-dark a {
	color: #1d1d1f !important;
}

@media only screen and (max-width: 734px) {
	.cta-links a {
		padding-bottom: 0.5em;
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* PROMO-SPECIFIC CODE */
/* 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-sept25-event-tile-teaser {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-position: center 0;
}

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

html .main .section-promos .headline.hero-headline-sept25 {
	background: radial-gradient(ellipse farthest-corner at center top, #6ecdff 20%, #1745ef 70%);
	background-clip: text;
	color: rgba(0, 0, 0, 0);
}

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

/* TILE EVENT END */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* TILE HELLO DEVELOPER END */

/* TILE KR visionOS */

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

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

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

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

/* TILE KR visionOS */

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

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

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

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

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

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

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

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

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

/* TILE SSC */

/* TILE WWDC25 SMALL */

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

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

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

/* TILE WWDC25 SMALL */

/* TILE NEW DESIGN SMALL */

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

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

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

/* TILE NEW DESIGN SMALL */

/* TILE ASA25 APP STORE AWARES 2025 */
.main .unit-image-wrapper .unit-image.unit-image-asa25 {
	width: 1262px;
	height: 580px;
	background-size: 1262px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-asa-25/large_2x.jpg");
}

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

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

.main .unit-image-wrapper .unit-image.unit-image-asa25.unit-image-asa25-w {
	background-image: url("/home/images/tile-asa-25/w-large_2x.jpg");
}

@media only screen and (max-width: 1068px) {
	.main .unit-image-wrapper .unit-image.unit-image-asa25.unit-image-asa25-w {
		background-image: url("/home/images/tile-asa-25/w-medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-asa25.unit-image-asa25-w {
		background-image: url("/home/images/tile-asa-25/w-small_2x.jpg");
	}
}
/* TILE ASA25 APP STORE AWARES 2025 */

/* TILE ADA25 */

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

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

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

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

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

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

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

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

/* TILE ADA25 */

/* PATHWAYS START */

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

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

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

/* PATHWAYS END */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* New Design 2025 */
.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper
	.unit-image.unit-image-feature-large.unit-image-new-design-large {
	width: 3008px;
	height: 580px;
	background-size: 3008px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-new-design-large/large_2x.jpg?1");
}

.unit-wrapper-new-design-center {
	display: flex;
	justify-content: center;
}

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

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

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

/* SFB New Design 2025 */
@media only screen and (max-width: 734px) {
	.section-heroes
		.homepage-section-positions.homepage-section-item-new-design-sfb-large
		> .homepage-section-item
		.unit-wrapper {
		display: flex;
		justify-content: center;
	}
}

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

.unit-wrapper-new-design-center {
	display: flex;
	justify-content: center;
}

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

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

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

body[data-color-scheme="dark"]
	.section-heroes.homepage-section
	.homepage-section-positions
	> .homepage-section-item
	.unit-wrapper
	.unit-image-wrapper
	.unit-image.unit-image-feature-large.unit-image-new-design-sfb-large {
	width: 3008px;
	height: 580px;
	background-size: 3008px 580px;
	background-repeat: no-repeat;
	background-image: url("/home/images/tile-new-design-sfb/dark/large_2x.jpg");
}

@media only screen and (max-width: 1068px) {
	body[data-color-scheme="dark"]
		.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-image-wrapper
		.unit-image.unit-image-feature-large.unit-image-new-design-sfb-large {
		width: 1068px;
		height: 600px;
		background-size: 1068px 600px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-new-design-sfb/dark/medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	body[data-color-scheme="dark"]
		.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item
		.unit-wrapper
		.unit-image-wrapper
		.unit-image.unit-image-feature-large.unit-image-new-design-sfb-large {
		width: 734px;
		height: 500px;
		background-size: 734px 500px;
		background-repeat: no-repeat;
		background-image: url("/home/images/tile-new-design-sfb/dark/small_2x.jpg");
	}
}

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

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

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

@media only screen and (min-width: 1068px) {
	.section-heroes.homepage-section
		.homepage-section-positions
		> .homepage-section-item.homepage-submit-app-store
		.unit-wrapper
		.unit-copy-wrapper {
		max-width: 805px;
	}

	.section-heroes
		.homepage-section-positions
		> .homepage-section-item.homepage-submit-app-store
		.unit-copy-wrapper {
		padding-top: 95px;
	}
}

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

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

/* SSC Large 2025 */

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

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

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

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

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

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

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

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

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

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

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

	html[lang="en"] .section-heroes.homepage-section .homepage-section-item-wwdc25 .headline {
		font-size: 35px !important;
	}

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

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

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

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

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

	html[lang="en"] .section-heroes.homepage-section .homepage-section-item-wwdc25 .headline {
		font-size: 26px !important;
	}

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

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

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

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

/* START Hero Large  */

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

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

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

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

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

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

/* End Hero large */

/* shareplay */

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

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

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

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

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

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

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

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

/**/

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

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

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

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

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

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

/* Ask Apple 2022 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**/

/* App Store Sessions 2022 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 734px) {
	.main .unit-image-wrapper .unit-image.unit-image-black-fade:before {
		background: linear-gradient(to top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
	}
}

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

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

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

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

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

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

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

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

/* Universal program */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ssc26-hero-year {
	position: absolute;
	font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 540px;
	font-weight: 700;
	color: #fff;
	opacity: 0.25;
	z-index: 0;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 1;
	pointer-events: none;
	mix-blend-mode: overlay;
}

body[data-color-scheme="light"] .homepage-section-item-ssc26.theme-dark,
body[data-color-scheme="dark"] .homepage-section-item-ssc26.theme-dark {
	background: radial-gradient(
			circle at 50% -10%,
			#46e0ff 0%,
			#211d60 43%,
			rgba(11, 8, 33, 0.45) 80%,
			transparent 85%
		),
		linear-gradient(to bottom, transparent 90%, #000 100%);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-color: #000;
}

.unit-image-ssc26 {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 80px;
}

.ssc26-icon {
	width: 300px;
}

@media only screen and (max-width: 1068px) {
	.ssc26-icon {
		width: 240px;
	}

	.unit-image-ssc26 {
		padding-bottom: 60px;
	}

	.ssc26-hero-year {
		font-size: 400px;
		top: 36%;
	}
}

@media only screen and (max-width: 734px) {
	.ssc26-icon {
		width: 240px;
	}

	.unit-image-ssc26 {
		padding-bottom: 85px;
	}

	.ssc26-hero-year {
		font-size: 380px;
		top: 36%;
	}
}

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

@media only screen and (min-width: 1068px) {
	html[lang="zh-CN"] .homepage-section-item-ssc26 .headline {
		font-size: 38px !important;
	}
}

/* === FONT COLOR OVERRIDE === */
.main .homepage-section .homepage-section-item.homepage-section-light-copy h4,
.main .homepage-section .homepage-section-item.homepage-section-light-copy h5 {
	color: #fff;
}

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

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

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