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

:root {
	--bg-main: #111;
}

.main {
	position: relative;
	max-width: 2560px;
	margin: 0 auto;
	background-color: var(--bg-main);
}

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

/* ========== Section Promos ========== */

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: #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: 580px;
	overflow: hidden;
}

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

@media only screen and (max-width: 1068px) {
	.section-promos.homepage-section .promo-position .unit-wrapper {
		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 {
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.section-promos.homepage-section
	.promo-position
	.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 {
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}

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

.section-promos.homepage-section .promo-position .unit-wrapper .unit-image.unit-image-centered {
	bottom: 14%;
}

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 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) {
	font-size: 37px;
	line-height: 1.175;
	font-family:
		"SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}

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

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

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

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

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

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

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

	.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: 734px) {
	.section-promos.homepage-section .promo-position .unit-copy-wrapper > *.headline {
		margin-top: 37px;
	}
}

.section-promos.homepage-section .promo-position .unit-copy-wrapper > *.subhead {
	font-size: 21px;
	line-height: 1.2381;
	font-weight: 400;
	letter-spacing: 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-size: 19px;
	font-family:
		"SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}

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

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

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

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

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

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

	.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: 734px) {
	.section-promos.homepage-section .promo-position .unit-copy-wrapper > *.subhead {
		margin-top: 3px;
	}
}

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

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

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

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

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

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

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

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

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

/* ========== Promo unit-wrapper-reverse ========== */

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

/* ========== TILE WWDC SCHEDULE START ========== */

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

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

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

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

/* ========== TILE WWDC SCHEDULE END ========== */

/* ========== TILE ADA FINALISTS START ========== */

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

@media only screen and (min-width: 1730px) {
	.main .unit-image-wrapper .unit-image.unit-image-ada26-finalists {
		background-image: url("/home/images/tile-ada26-finalists/xl-large_2x.png");
	}
}

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

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

/* ========== TILE ADA FINALISTS END ========== */

/* ========== TILE COMMUNITY RECOGNITION START ========== */

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

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

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

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

/* ========== TILE COMMUNITY RECOGNITION END ========== */

/* ========== TILE COMMUNITY EVENTS START ========== */

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

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

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

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

/* ========== TILE COMMUNITY EVENTS END ========== */

/* ========== TILE WWDC26 WALLPAPER START ========== */

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

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

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

/* ========== TILE WWDC26 WALLPAPER END ========== */

/* ========== Platform OS tile image positioning ========== */

.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-item-vision
	.unit-wrapper
	.unit-image {
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@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-vision
		.unit-wrapper
		.unit-image {
		top: unset;
		transform: translateX(-50%) scale(0.7);
	}
}

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

/* ========== Tile Video ========== */

.tile-video {
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	display: flex;
	margin-bottom: 1em;
}

/* ========== Section Top Picks ========== */

@media (min-width: 1441px) {
	.section-featured-sessions .section-content,
	.section-group-labs .section-content,
	.section-top-picks .section-content,
	.section-content {
		width: 1250px;
	}
}

/* Align sc-gallery side padding to the wider section-content (consumed by sc-gallery.css).
   Overrides --sc-gallery-side-padding directly because the chain via --sc-section-content
   wasn't resolving to the new width on the gallery descendants. Scoped to large viewports
   so medium/small viewports keep the default sc-gallery formula that aligns cards to
   .section-content. */
@media (min-width: 1441px) {
	.section-group-labs,
	.section-top-picks {
		--sc-section-content: 1250px;
		--sc-gallery-side-padding: calc(50vw - 625px);
	}
}

.section-top-picks {
	background-color: #1d1d1f;
}

.pc-cta-card {
	position: relative;
	border-radius: 18px;
	isolation: isolate;
}

.pc-cta-card__inner {
	background: #0e0e0e;
	border-radius: 18px;
	padding: 2.5em 1em;
	text-align: center;
}

.pc-cta-card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1.5px;
	background: linear-gradient(90deg, #5a7bed 0%, #fbfdfe 28%, #fee191 60%, #9f5d4b 100%);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.pc-cta-card::after {
	content: "";
	position: absolute;
	inset: -10px;
	border-radius: 28px;
	background: linear-gradient(90deg, #5a7bed 0%, #fbfdfe 28%, #fee191 60%, #9f5d4b 100%);
	filter: blur(16px);
	opacity: 0.55;
	z-index: -1;
	pointer-events: none;
}

/* ========== Section WWDC Guides ========== */

.section-wwdc-guides .tile {
	background-color: #1d1d1f;
}

.section-wwdc-guides .tile.tile-forums {
	background-color: #000;
}

.section-wwdc-guides .tile.tile-full.tile-forums {
	padding-bottom: 1.5em;
}

.section-wwdc-guides .os-image {
	display: block;
	margin: auto;
}

.section-wwdc-guides .tile-content.tile-content-os {
	flex: 0 0 auto;
	gap: 0;
}

.section-wwdc-guides .text-center.tile {
	padding: 2.5em 1em;
}

@media only screen and (max-width: 734px) {
	.section-wwdc-guides .text-center.tile {
		padding: 1.5em 0;
	}
}

.section-wwdc-guides .tile-icon-wwdc {
	display: block;
	font-size: 64px;
	margin: 0 auto 0.5em;
}

.tile-icon-gradient {
	--s-primary: url(#tile-icon-gradient);
	--s-secondary: url(#tile-icon-gradient);
	--s-tertiary: url(#tile-icon-gradient);
}

.tile-icon-gradient[name="curlybraces.square.fill"] {
	--s-primary: #000;
}

.section-wwdc-guides .card-media {
	aspect-ratio: 16/9;
	overflow: hidden;
}

/* ========== 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 .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;
}

/* ========== 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;
}

/* ========== 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;
}

/* ========== Utilities ========== */

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

/* ========== Font Color Overrides ========== */

.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"] .section-promos.homepage-section .promo-position {
	border-color: var(--bg-main);
	background-color: var(--fill-secondary-alt);
}

body[data-color-scheme="dark"] .main {
	background-color: var(--bg-main);
}

body[data-color-scheme="dark"] .section.section-whats-new {
	background-color: #141414;
}

/* ========== Media Gallery Override ========== */

.section-priority-router.home {
	background-color: var(--bg-main);
	padding-top: 20px;
}

.bpn-nav-links {
	display: flex;
	gap: 1em;
	align-items: center;
}

/* ========== Media Gallery Image Position Overrides ========== */

.media-block .positioned-media-element img.align-image-top {
	object-position: top;
}

/* ========== Tweaks ========== */

.bpn-nav-links a:not(.button) {
	color: #fff;
}

@media only screen and (max-width: 734px) {
	#your-schedule-link {
		display: none;
	}
}