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

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

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

.logo-image {
    margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.section-heroes.homepage-section .subhead.small-text {
    font-size: 21px;
    line-height: 1.2381;
    font-weight: 400;
    letter-spacing: .016em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin-top: 4px;
    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: .009em;
        font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.section-heroes .homepage-section-positions>.homepage-section-item .unit-copy-wrapper {
    /* padding-top: 88px; */
    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: 735px) {
    .section-heroes .homepage-section-positions>.homepage-section-item .unit-copy-wrapper {
        padding-top: 40px;
    }
}

.section-heroes .homepage-section-positions>.homepage-section-item .unit-copy-wrapper.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;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.section-promos.homepage-section .promo-position .unit-wrapper .unit-image.unit-image-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: 735px) {
    .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: 735px) {
    .section-promos.homepage-section .promo-position:nth-child(-n+2),
    .main .section-promos.homepage-section .promo-position:nth-last-child(-n+2) {
        height: 512px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

.section-promos.homepage-section .promo-position .unit-copy-wrapper>*.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: .004em;
        font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 735px) {
    .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) {
    .section-promos.homepage-section:first-child .homepage-section-item:nth-child(-n+2) {
        /* uncomment if large tile */
        /* border-top: 0px; */
        height: 630px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* PROMO-SPECIFIC CODE */

/* App Store Best of 2021 */

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

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

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

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

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

/* APP STORE BEST OF 2022 */

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

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

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

/* TILE APP STORE AWARDS 2022 SMALL */

.asa22-logo {
    width: 310px !important;
    padding-top: 5px;
}
@media only screen and (max-width: 1068px){
    .asa22-logo {
        width: 225px !important;
    }
}

@media only screen and (max-width: 735px){
    .asa22-logo {
        width: 285px !important;
    }
}

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

.section-promos.homepage-section .promo-position .unit-copy-wrapper>*.subhead.subhead-larger {
    font-size: 25px;
}

html[lang="en"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-asa-2022-small-tile{background-image: url("/home/images/tile-event-asa-2022/tile-asa22-large_2x.jpg");}
html[lang="ko-KR"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-asa-2022-small-tile {background-image: url("/home/images/tile-event-asa-2022/tile-asa22-large_2x.jpg");}
html[lang="zh-CN"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-asa-2022-small-tile {background-image: url("/home/images/tile-event-asa-2022/tile-asa22-large_2x.jpg");}
html[lang="ja-JP"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-asa-2022-small-tile {background-image: url("/home/images/tile-event-asa-2022/tile-asa22-large_2x.jpg");}

@media only screen and (max-width: 1068px){
    .main .section-promos .unit-image-wrapper .unit-image.unit-image-asa-2022-small-tile{
        width: 516px;
        height: 490px;
        background-size: 516px 490px;
        background-position: center;
        background-repeat: no-repeat;
    }
    html[lang="en"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-asa-2022-small-tile{background-image: url("/home/images/tile-event-asa-2022/tile-asa22-medium_2x.jpg");}
    html[lang="ko-KR"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-asa-2022-small-tile {background-image: url("/home/images/tile-event-asa-2022/tile-asa22-medium_2x.jpg");}
    html[lang="zh-CN"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-asa-2022-small-tile {background-image: url("/home/images/tile-event-asa-2022/tile-asa22-medium_2x.jpg");}
    html[lang="ja-JP"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-asa-2022-small-tile {background-image: url("/home/images/tile-event-asa-2022/tile-asa22-medium_2x.jpg");}
}
@media only screen and (max-width: 735px){
    .main .section-promos .unit-image-wrapper .unit-image.unit-image-asa-2022-small-tile{
        width: 734px;
        height: 548px;
        background-size: 734px 548px;
        background-repeat: no-repeat;
    }
    html[lang="en"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-asa-2022-small-tile{background-image: url("/home/images/tile-event-asa-2022/tile-asa22-small_2x.jpg");}
    html[lang="ko-KR"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-asa-2022-small-tile {background-image: url("/home/images/tile-event-asa-2022/tile-asa22-small_2x.jpg");}
    html[lang="zh-CN"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-asa-2022-small-tile {background-image: url("/home/images/tile-event-asa-2022/tile-asa22-small_2x.jpg");}
    html[lang="ja-JP"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-asa-2022-small-tile {background-image: url("/home/images/tile-event-asa-2022/tile-asa22-small_2x.jpg");}
}

/* TILE APP STORE AWARDS 2022 SMALL END */

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

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

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

html[lang="en"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-september22-event-tile-teaser{background-image: url("/home/images/tile-event-sept22/tile-teaser-event-large_2x.jpg");}
html[lang="ko-KR"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-september22-event-tile-teaser {background-image: url("/home/images/tile-event-sept22/tile-teaser-event-large_2x.jpg");}
html[lang="zh-CN"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-september22-event-tile-teaser {background-image: url("/home/images/tile-event-sept22/tile-teaser-event-large_2x.jpg");}
html[lang="ja-JP"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-september22-event-tile-teaser {background-image: url("/home/images/tile-event-sept22/tile-teaser-event-large_2x.jpg");}

@media only screen and (max-width: 1068px){
    .main .section-promos .unit-image-wrapper .unit-image.unit-image-september22-event-tile-teaser{
        width: 516px;
        height: 490px;
        background-size: 516px 490px;
        background-position: center;
        background-repeat: no-repeat;
    }
    html[lang="en"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-september22-event-tile-teaser{background-image: url("/home/images/tile-event-sept22/tile-teaser-event-medium_2x.jpg");}
    html[lang="ko-KR"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-september22-event-tile-teaser {background-image: url("/home/images/tile-event-sept22/tile-teaser-event-medium_2x.jpg");}
    html[lang="zh-CN"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-september22-event-tile-teaser {background-image: url("/home/images/tile-event-sept22/tile-teaser-event-medium_2x.jpg");}
    html[lang="ja-JP"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-september22-event-tile-teaser {background-image: url("/home/images/tile-event-sept22/tile-teaser-event-medium_2x.jpg");}
}
@media only screen and (max-width: 735px){
    .main .section-promos .unit-image-wrapper .unit-image.unit-image-september22-event-tile-teaser{
        width: 734px;
        height: 548px;
        background-size: 734px 548px;
        background-repeat: no-repeat;
    }
    html[lang="en"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-september22-event-tile-teaser{background-image: url("/home/images/tile-event-sept22/tile-teaser-event-small_2x.jpg");}
    html[lang="ko-KR"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-september22-event-tile-teaser {background-image: url("/home/images/tile-event-sept22/tile-teaser-event-small_2x.jpg");}
    html[lang="zh-CN"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-september22-event-tile-teaser {background-image: url("/home/images/tile-event-sept22/tile-teaser-event-small_2x.jpg");}
    html[lang="ja-JP"] .main .section-promos .unit-image-wrapper .unit-image.unit-image-september22-event-tile-teaser {background-image: url("/home/images/tile-event-sept22/tile-teaser-event-small_2x.jpg");}
}

/* TILE SEPTEMBER EVENT END */

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

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

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


/* vision labs */
@media only screen and (min-width: 1068px) {
    .main .section-heroes.homepage-section .homepage-section-item-vision-labs .unit-wrapper {
        height: 692px;
    }
}

.main .section-heroes.homepage-section .homepage-section-item.homepage-section-item-vision-labs {
    background: #f5f5f7;
    color: #1d1d1f !important;
    /* border-top: 12px solid #fff !important; */
}

.homepage-section-item-vision-labs .unit-copy-wrapper {
    max-width: 600px;
    margin: 0 auto;
}

.homepage-section-item-vision-labs h4.headline,
.homepage-section-item-vision-labs h5.subhead {
    color: #1d1d1f !important;
}

/* App Store */

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

/* App Store */
.homepage-section-item-app-store-sessions {
    /* background: #98c6e3;
    background: linear-gradient(0deg, #e4f5ff 0%, #98c6e3 100%); */
    background-color: #162B5B !important;
}

html body.theme-dark .homepage-section-item-app-store-sessions h4,
html body.theme-dark .homepage-section-item-app-store-sessions h5 {
    color: #fff;
}

/* body[data-color-scheme='dark'] .homepage-section-item-app-store-sessions {
    background: #122F4F;
    background: linear-gradient(0deg, #000000 0%, #122F4F 100%);
} */

@media only screen and (min-width: 735px) {
    .section-promos.homepage-section .promo-position.homepage-section-item-app-store-sessions .unit-wrapper .unit-image.unit-image-centered {
        bottom: 21%;
    }
}

@media only screen and (max-width: 1068px) {
    .section-promos.homepage-section .promo-position.homepage-section-item-app-store-sessions .unit-wrapper .unit-image.unit-image-centered {
        width: 170px;
    }
}

/* WWDC23 Small Tile */
/* Sept 23 Event Small Tile */
.homepage-section-wwdc23-small,
.homepage-section-sept23 {
    background-color: #000 !important;
    color: #fff !important
}

.homepage-section-sept23 .promo.promo-managed-unit {
    background-color: #000 !important;
}

@media only screen and (max-width: 1068px) {
    .homepage-section-sept23 picture img {
        width: 300px;
        height: auto;
    }
}

/* SSAC */
.homepage-section-ssac {
    background-color: #33011b !important;
}

.homepage-section-ssac .promo.promo-managed-unit {
    background-color: #33011b !important;
}

html body.theme-dark .homepage-section-ssac h4,
html body.theme-dark .homepage-section-ssac h5 {
    color: #fff;
}

/* Swift Playgrounds */

.homepage-section-swift-playgrounds {
    background: #aecffc;
    background: linear-gradient(320deg, #aecffc 0%, rgba(125,180,253,0.6) 100%);
}

/* Ask Apple 2022 */
.homepage-section-ask-apple {
    background: #e8e9e2;
    background: linear-gradient(320deg, #d6d7d0 0%, #e8e9e2 100%);
}

/* SharePlay*/

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

/* Siri */

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

/* Mac App Store */

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

.homepage-section-item-ipados-videos {
    background: rgb(50,56,139);
    background: linear-gradient(180deg, rgba(50,56,139,1) 0%, rgba(72,77,185,1) 100%);
}

html body.theme-dark .homepage-section-item-ipados-videos h4,
html body.theme-dark .homepage-section-item-ipados-videos h5 {
    color: #fff;
}

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

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

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

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

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

/**/

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

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

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

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

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


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

@media only screen and (max-width: 735px) {
    .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: 735px) {
    .section-planning .chapternav-items .chapternav-label {
        font-size: 15px;
    }
}
/* @media only screen and (max-width: 375px) {
    .section-planning .chapternav-items .chapternav-item {
        margin:0 -0.6em;
        text-align:center;
        flex-basis: 100%;
        padding: 15px 0;
        margin-bottom: 10px;
    }
    .section-planning .chapternav-items .chapternav-item:first-of-type {
        padding-left: 0;
    }
} */


/* WWDC21 */

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

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

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

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

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

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
    html[lang="en"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large_2x.jpg")
    }
    html[lang="ko-KR"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large_2x.jpg")
    }
    html[lang="zh-CN"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large_2x.jpg")
    }
    html[lang="ja-JP"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large_2x.jpg")
    }


}
@media only screen and (max-width: 1068px){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc21{
        width:1068px;
        height:530px;
        background-size:1068px 617px;
        background-repeat:no-repeat;
        background-position: center 0;
        
    }
    html[lang="en"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium.jpg");
    }
    html[lang="ko-KR"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium.jpg");
    }
    html[lang="zh-CN"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium.jpg");
    }
    html[lang="ja-JP"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium.jpg");
    }
    
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi){


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

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

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


    html[lang="en"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large_2x.jpg")
    }
    html[lang="ko-KR"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large_2x.jpg")
    }
    html[lang="zh-CN"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large_2x.jpg")
    }
    html[lang="ja-JP"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-large_2x.jpg")
    }
    
}
@media only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc21{
        width:1068px;
        height:530px;
        background-size:1068px 617px;
        background-repeat:no-repeat;
        
    }
    html[lang="en"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium.jpg");
    }
    html[lang="ko-KR"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium.jpg");
    }
    html[lang="zh-CN"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium.jpg");
    }
    html[lang="ja-JP"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium.jpg");
    }
}
@media only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) and (min-resolution: 144dpi){

    html[lang="en"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium_2x.jpg")
    }
    html[lang="ko-KR"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium_2x.jpg")
    }
    html[lang="zh-CN"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium_2x.jpg")
    }
    html[lang="ja-JP"] .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc21-item{
        background-image:url("/home/images/hero-wwdc21/p3/wwdc21-hero-medium_2x.jpg")
    }

}

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

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

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

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

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

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

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

/* wwdc23 */
.hero-masthead{
    width: 285px;
    margin-bottom: 15px;
    margin-top: -10px;
}
@media only screen and (max-width: 1068px){
    .hero-masthead{
        width: 225px;
    }
}

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

.main .section-heroes .homepage-section-positions>.homepage-section-item .hero-wwdc23 .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;
}

/* simplified wwdc23 image */
.section-heroes .unit-image-wrapper .image-constraints-wwdc23 {
    width: 780px;
    height: 365px;
}

@media only screen and (max-width: 1068px) {
    .section-heroes .unit-image-wrapper .image-constraints-wwdc23 {
        width: 70%;
        height: auto;
    }
}

@media only screen and (max-width: 735px) {
    .section-heroes .unit-image-wrapper .image-constraints-wwdc23 {
        width: 85%;
        height: auto;
    }
}

.section-heroes .unit-image-wrapper .p3-image-constraints-wwdc23 {
    width: 452px;
    height: 500px;
    margin-top: 30px;
}

@media only screen and (max-width: 1068px) {
    .section-heroes .unit-image-wrapper .p3-image-constraints-wwdc23 {
        width: 398px;
        height: 440px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 735px) {
    .section-heroes .unit-image-wrapper .p3-image-constraints-wwdc23 {
        width: 50%;
        height: auto;
        margin-top: -30px;
    }

    
    .section-heroes .p3-unit-image-wrapper-wwdc23.small-flexbox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (max-width: 450px) {
    .section-heroes .unit-image-wrapper .p3-image-constraints-wwdc23 {
        width: 80%;
        height: auto;
        margin-top: -30px;
    }
}

.section-heroes .unit-image-wrapper .copy-constraints-wwdc23 {
    width: 95%;
    margin-top: -30px;
}

@media only screen and (max-width: 1068px) {
    .section-heroes .unit-image-wrapper .copy-constraints-wwdc23 {
        width: 90%;
        margin-top: 0;
    }
}

@media only screen and (max-width: 735px) {
    .section-heroes .unit-image-wrapper .copy-constraints-wwdc23 {
        width: 90%;
    }
}

.section-heroes .unit-image-wrapper.p3-unit-image-wrapper-wwdc23 {
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

.section-heroes.homepage-section .homepage-section-positions>.homepage-section-item .hero-wwdc23 .unit-wrapper .unit-image {
    top: 0;
}

.main .section-heroes.homepage-section .hero-wwdc23 .unit-wrapper .unit-copy-wrapper {
    padding-top: 0px;
    padding-bottom: 140px;
}

@media only screen and (max-width: 1068px) {
    .main .section-heroes.homepage-section .hero-wwdc23 .unit-wrapper .unit-copy-wrapper {
        padding-top: 0px;
        padding-bottom: 150px;
    }
}

@media only screen and (max-width: 735px) {
    .main .section-heroes.homepage-section .hero-wwdc23 .unit-wrapper .unit-copy-wrapper {
        padding-top: 0px;
        padding-bottom: 180px;
    }
}

.main .section-heroes.homepage-section .hero-wwdc23.hero {
    /* margin: 12px 0; */
    margin: 0;
}

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

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

/* wwdc p3 */
.main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc23{
    width:2560px;
    height:940px;
    background-size:2560px 900px;
    background-repeat:no-repeat;
    background-position: center 0;
}

@media only screen and (max-width: 1068px){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc23{
        width:1068px;
        height:617px;
        background-size:1068px 617px;
        background-repeat:no-repeat;
        background-position: center 0;
        
    }
}

@media only screen and (max-width: 735px){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc23{
        width:736px;
        height:548px;
        background-size:736px 548px;
        background-repeat:no-repeat;
        background-position: center 0;
    }
    
}

@media only screen and (min-width: 1069px) and (min-height: 776px){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc23{
        width:2560px;
        height:940px;
        background-size:2560px 900px;
        background-repeat:no-repeat;
        background-position: center 0;
    }
    
}

@media only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc23{
        width:1068px;
        height:617px;
        background-size:1068px 617px;
        background-repeat:no-repeat;
        
    }
}

@media only screen and (max-width: 1068px){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc23{
        width:1068px;
        height:617px;
        background-size:1068px 617px;
        background-repeat:no-repeat;
        background-position: center 0;
        
    }
}

@media only screen and (max-width: 735px){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc23{
        width:736px;
        height:548px;
        background-size:736px 548px;
        background-repeat:no-repeat;
        background-position: center 0;
    }
}

@media only screen and (min-width: 1069px) and (min-height: 776px){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc23{
        width:2560px;
        height:940px;
        background-size:2560px 900px;
        background-repeat:no-repeat;
        background-position: center 0;
    }
}

@media only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc23{
        width:1068px;
        height:617px;
        background-size:1068px 617px;
        background-repeat:no-repeat;
        
    }
}

.main .section-heroes .hero-wwdc23 .unit-wrapper .unit-copy-wrapper h5.subhead{
    color: #C6E1E6 !important;
}

.main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc23-item-3{
    background-image:url("/home/images/hero-wwdc23/p1xgha/wwdc23-hero-large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc23-item-3{
        background-image:url("/home/images/hero-wwdc23/p1xgha/wwdc23-hero-large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc23{
        width:1068px;
        height:617px;
        background-size:1068px 617px;
        background-repeat:no-repeat;
        background-position: center 0;
        
    }
    .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc23-item-3{
        background-image:url("/home/images/hero-wwdc23/p1xgha/wwdc23-hero-medium.jpg");
    }
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi){


    .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc23-item-3{
        background-image:url("/home/images/hero-wwdc23/p1xgha/wwdc23-hero-medium_2x.jpg")
    }

}
@media only screen and (max-width: 735px){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc23{
        width:736px;
        height:548px;
        background-size:736px 548px;
        background-repeat:no-repeat;
        background-position: center 0;
    }
    .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc23-item-3{
        background-image:url("/home/images/hero-wwdc23/p1xgha/wwdc23-hero-small.jpg?1");
    }
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc23-item-3{
        background-image:url("/home/images/hero-wwdc23/p1xgha/wwdc23-hero-small_2x.jpg?1")
    }
}
@media only screen and (min-width: 1069px) and (min-height: 776px){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc23{
        width:2560px;
        height:940px;
        background-size:2560px 900px;
        background-repeat:no-repeat;
        background-position: center 0;
    }
    .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc23-item-3{
        background-image:url("/home/images/hero-wwdc23/p1xgha/wwdc23-hero-large.jpg");
    }
}
@media only screen and (min-width: 1069px) and (min-height: 776px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1069px) and (min-height: 776px) and (min-resolution: 1.5dppx), only screen and (min-width: 1069px) and (min-height: 776px) and (min-resolution: 144dpi){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc23-item-3{
        background-image:url("/home/images/hero-wwdc23/p1xgha/wwdc23-hero-large_2x.jpg")
    }
}
@media only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px){
    .main .section-heroes .unit-image-wrapper .unit-image.unit-image-hero-wwdc23{
        width:1068px;
        height:617px;
        background-size:1068px 617px;
        background-repeat:no-repeat;
        
    }
    .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc23-item-3{
        background-image:url("/home/images/hero-wwdc23/p1xgha/wwdc23-hero-medium.jpg");
    }
}
@media only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-width: 736px) and (min-height: 734px) and (min-resolution: 144dpi){

    .main .section-heroes .unit-image-wrapper .unit-image.unit-hero-wwdc23-item-3{
        background-image:url("/home/images/hero-wwdc23/p1xgha/wwdc23-hero-medium_2x.jpg")
    }
}

.main .section-heroes .hero-wwdc23 .unit-wrapper .unit-copy-wrapper h5.subhead{
    color: #fff !important;
}


/* .hero-wwdc23 .unit-wrapper{
    position: relative !important;
}

@media only screen and (min-width: 1068px){
    .hero-wwdc23 .unit-wrapper .unit-copy-wrapper{
        position: absolute !important;
        display: block;
        text-align: left;
        left: 7vw;
        top: 150px;
    }

    .hero-wwdc23 .unit-wrapper .unit-copy-wrapper h4.headline{
        text-align: left !important;
    }

    .hero-wwdc23 .unit-wrapper .unit-copy-wrapper h5.subhead{
        text-align: left !important;
    }
}

@media only screen and (max-width: 1068px){
    .hero-wwdc23 .unit-wrapper .unit-copy-wrapper{
        position: relative !important;
        display: block;
        text-align: center;
        padding-top: 2em !important;
    }

    .hero-wwdc23 .unit-wrapper .unit-copy-wrapper h4.headline{
        text-align: center !important;
    }

    .hero-wwdc23 .unit-wrapper .unit-copy-wrapper h5.subhead{
        text-align: center !important;
    }
} */

/* shareplay */

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

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

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

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

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

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

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

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

/**/

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


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


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Universal program */

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

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

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

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

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

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


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


.section-promos.homepage-section .promo-position.homepage-section-item-watchos-8 .unit-wrapper .unit-image,
.section-promos.homepage-section .promo-position.homepage-section-item-macos-12 .unit-wrapper .unit-image,
.section-promos.homepage-section .promo-position.homepage-section-item-ios-15 .unit-wrapper .unit-image,
.section-promos.homepage-section .promo-position.homepage-section-item-ipados-15 .unit-wrapper .unit-image,
.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(.7);
        top: 20%;
    }

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

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

    .homepage-section .homepage-section-item-vision-labs .unit-wrapper .unit-image  {
        top: unset;
        transform: translate(-50%, -50%) scale(.75) !important;
    }
}

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

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

    .homepage-section .homepage-section-item-vision-labs .unit-wrapper .unit-image  {
        top: 30%;
        transform: translate(-50%, -50%) scale(.5) !important;
    }
}

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

    .homepage-section .homepage-section-item-vision-labs .unit-wrapper .unit-image {
        width: 275px !important;
        height: 125px !important;
        transform: translate(-50%, -50%) scale(1) !important;
    }
}

/* Build Apps */
.section.section-build-apps {
    background: #000;
    background: linear-gradient(to bottom,  #00172b 0%,#0f72c5 100%);
    margin-bottom: 12px;
}
.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;
}
.hero-build-apps {
    margin-top: -50px;
    height: 376px;
    background-size: 1680px;
    background-repeat: no-repeat;
    background-image: url("/home/images/hero-build-apps/build-apps.png");
    background-position: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .hero-build-apps {
        background-image: url("/home/images/hero-build-apps/build-apps_2x.png");
    }
}

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

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

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

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

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


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

body[data-color-scheme="dark"].theme-dark .hero.hero-ios-15.promo-managed-unit {background-color:var(--fill-secondary-alt);}
body[data-color-scheme="dark"].theme-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"].theme-dark .main .section-promos .unit-image-wrapper .unit-image.unit-image-tile-ecamp-summer22{ background-color: #222222;}
body[data-color-scheme="dark"].theme-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"].theme-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"].theme-dark .homepage-section-item-vision-labs {background: #f5f5f7;color: #1d1d1f !important;}
body[data-color-scheme="dark"].theme-dark .homepage-section-whats-new {background: linear-gradient(320deg, #0d0d0d 0%, #222 100%)}
body[data-color-scheme="dark"].theme-dark .homepage-section-item-shareplay {background: #205430; background: linear-gradient(320deg, #0d8d51 0%, #205430 100%);}
body[data-color-scheme="dark"].theme-dark .main .section-heroes.homepage-section .hero.hero-xcode-13, body[data-color-scheme="dark"] .main .section-heroes.homepage-section .hero-xcode-13 .unit-wrapper {background: linear-gradient(#1c1d5a, #0e0a26);}
body[data-color-scheme="dark"].theme-dark .homepage-section-item-xcode-cloud {background: #15266D; background: linear-gradient(320deg, #52b2ea 0%, #15266D 100%);}
body[data-color-scheme="dark"].theme-dark .homepage-section-item-swiftui {background: #52b2ea; background: linear-gradient(320deg, #15266D 0%, #52b2ea 100%);}
body[data-color-scheme="dark"].theme-dark .router-icon-forum {background-image: url("/assets/elements/icons/wwdr-unified/forum-c-i.svg");}
body[data-color-scheme="dark"].theme-dark .router-icon-download {background-image: url("/assets/elements/icons/wwdr-unified/download-c-i.svg");}
body[data-color-scheme="dark"].theme-dark .router-icon-documentation {background-image: url("/assets/elements/icons/wwdr-unified/documentation-c-i.svg");}
body[data-color-scheme="dark"].theme-dark .router-icon-videos {background-image: url("/assets/elements/icons/wwdr-unified/play-c-i.svg");}