.typography-body-hero{font-size:17px;line-height:1.47059;font-weight:400;letter-spacing:-.022em;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(ar){line-height:1.58824;letter-spacing:0em;font-family:"SF Pro AR","SF Pro Gulf","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(ja){letter-spacing:0em;font-family:"SF Pro JP","SF Pro Text","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(ko){line-height:1.58824;letter-spacing:0em;font-family:"SF Pro KR","SF Pro Text","SF Pro Icons","Apple Gothic","HY Gulim","MalgunGothic","HY Dotum","Lexi Gulim","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(zh){letter-spacing:0em}.typography-body-hero:lang(th){line-height:1.35296;letter-spacing:0em;font-family:"SF Pro TH","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(zh-CN){font-family:"SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(zh-HK){font-family:"SF Pro HK","SF Pro Text","SF Pro Icons","PingFang HK","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(zh-MO){font-family:"SF Pro HK","SF Pro TC","SF Pro Text","SF Pro Icons","PingFang HK","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(zh-TW){font-family:"SF Pro TC","SF Pro Text","SF Pro Icons","PingFang TC","Helvetica Neue","Helvetica","Arial",sans-serif}@media only screen and (max-width: 734px){.typography-body-hero{font-size:14px;line-height:1.42859;font-weight:400;letter-spacing:-.016em;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(ar){line-height:1.57143;letter-spacing:0em;font-family:"SF Pro AR","SF Pro Gulf","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(ja){letter-spacing:0em;font-family:"SF Pro JP","SF Pro Text","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(ko){line-height:1.57143;letter-spacing:0em;font-family:"SF Pro KR","SF Pro Text","SF Pro Icons","Apple Gothic","HY Gulim","MalgunGothic","HY Dotum","Lexi Gulim","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(zh){letter-spacing:0em}.typography-body-hero:lang(th){line-height:1.35718;letter-spacing:0em;font-family:"SF Pro TH","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(zh-CN){font-family:"SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(zh-HK){font-family:"SF Pro HK","SF Pro Text","SF Pro Icons","PingFang HK","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(zh-MO){font-family:"SF Pro HK","SF Pro TC","SF Pro Text","SF Pro Icons","PingFang HK","Helvetica Neue","Helvetica","Arial",sans-serif}.typography-body-hero:lang(zh-TW){font-family:"SF Pro TC","SF Pro Text","SF Pro Icons","PingFang TC","Helvetica Neue","Helvetica","Arial",sans-serif}}.main{overflow:initial}section.section-hero{overflow-x:initial}#localnav{opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.theme-dark [class*="typography-intro"]{color:#fff}.section-hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 52px);padding:3.5em 0;margin-bottom:0}@media only screen and (max-width: 734px){.section-hero{min-height:calc(70vh - 52px)}}.section-hero .section-content{z-index:1;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}@media only screen and (max-width: 734px){.section-hero .section-content{margin-bottom:3.5em}}.hero-container{display:flex;flex-flow:row nowrap;justify-content:center;position:relative;height:54.25vh;max-height:600px;overflow:hidden}.no-js .hero-container{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}@media only screen and (orientation: portrait){.hero-container{flex-grow:1;background:url("/wwdc20/images/hero/memoji/small/3up-xlarge_2x.jpg?2") center center no-repeat;background-size:120% auto;background-size:min(120%,1180px) auto;width:100%;max-width:1180px;max-height:100%;min-height:80vw;height:226px;margin:0 auto;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:center bottom;transform-origin:center bottom;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;transition-duration:.8s;transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}}@media only screen and (orientation: portrait) and (prefers-reduced-motion: reduce){.hero-container{transition-property:opacity}}@media only screen and (orientation: portrait) and (max-width: 1068px){.hero-container{background-image:url("/wwdc20/images/hero/memoji/small/3up-large_2x.jpg?2")}}@media only screen and (orientation: portrait) and (max-width: 734px){.hero-container{background-image:url("/wwdc20/images/hero/memoji/small/3up-medium_2x.jpg?2")}}@media only screen and (orientation: portrait){.hero-container.image-lazy-loaded{-webkit-transform:initial;transform:initial;opacity:1}.hero-container>figure{display:none;background-image:none}}.image-hero{margin:0 -4vh;flex-shrink:0;width:54.25vh;height:54.25vh;max-height:600px;max-width:600px;display:inline-block;background-color:transparent;background-position:center bottom;background-repeat:no-repeat;-webkit-transform-origin:center bottom;transform-origin:center bottom;opacity:0;-webkit-transform:scale(0.85);transform:scale(0.85);transform-origin:center bottom;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;transition-duration:.8s;transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}@media (prefers-reduced-motion: reduce){.image-hero{transition-property:opacity}}.image-hero.image-fade-in,.no-js .image-hero{-webkit-transform:initial;transform:initial;opacity:1}@media only screen and (max-width: 734px){.image-hero .section-hero{padding:3em 0 0}}.image-hero.L1{background-image:url("/wwdc20/images/hero/memoji/large/L1_2x.jpg?4");background-size:71.09208% auto}.js .image-hero.L1.hbd{background-image:none}@media (min-height: 990px){.image-hero.L1{background-image:url("/wwdc20/images/hero/memoji/xlarge/L1_2x.jpg?4");background-size:70.66667% auto}.js .image-hero.L1.hbd{background-image:none}}.image-hero.L2{background-image:url("/wwdc20/images/hero/memoji/large/L2_2x.jpg?4");background-size:72.80514% auto}.js .image-hero.L2.hbd{background-image:none}@media (min-height: 990px){.image-hero.L2{background-image:url("/wwdc20/images/hero/memoji/xlarge/L2_2x.jpg?4");background-size:72.66667% auto}.js .image-hero.L2.hbd{background-image:none}}.image-hero.L3{background-image:url("/wwdc20/images/hero/memoji/large/L3_2x.jpg?4");background-size:71.09208% auto}.js .image-hero.L3.hbd{background-image:none}@media (min-height: 990px){.image-hero.L3{background-image:url("/wwdc20/images/hero/memoji/xlarge/L3_2x.jpg?4");background-size:70.66667% auto}.js .image-hero.L3.hbd{background-image:none}}.image-hero.L4{background-image:url("/wwdc20/images/hero/memoji/large/L4_2x.jpg?4");background-size:71.09208% auto}.js .image-hero.L4.hbd{background-image:none}@media (min-height: 990px){.image-hero.L4{background-image:url("/wwdc20/images/hero/memoji/xlarge/L4_2x.jpg?4");background-size:70.66667% auto}.js .image-hero.L4.hbd{background-image:none}}.image-hero.L5{background-image:url("/wwdc20/images/hero/memoji/large/L5_2x.jpg?4");background-size:71.09208% auto}.js .image-hero.L5.hbd{background-image:none}@media (min-height: 990px){.image-hero.L5{background-image:url("/wwdc20/images/hero/memoji/xlarge/L5_2x.jpg?4");background-size:70% auto}.js .image-hero.L5.hbd{background-image:none}}.image-hero.L6{background-image:url("/wwdc20/images/hero/memoji/large/L6_2x.jpg?4");background-size:71.19914% auto}.js .image-hero.L6.hbd{background-image:none}@media (min-height: 990px){.image-hero.L6{background-image:url("/wwdc20/images/hero/memoji/xlarge/L6_2x.jpg?4");background-size:70.66667% auto}.js .image-hero.L6.hbd{background-image:none}}.image-hero.L7{background-image:url("/wwdc20/images/hero/memoji/large/L7_2x.jpg?4");background-size:70.77088% auto}.js .image-hero.L7.hbd{background-image:none}@media (min-height: 990px){.image-hero.L7{background-image:url("/wwdc20/images/hero/memoji/xlarge/L7_2x.jpg?4");background-size:70.66667% auto}.js .image-hero.L7.hbd{background-image:none}}.image-hero.M0{background-image:url("/wwdc20/images/hero/memoji/large/M0_2x.jpg?4");background-size:71.94861% auto}.js .image-hero.M0.hbd{background-image:none}@media (min-height: 990px){.image-hero.M0{background-image:url("/wwdc20/images/hero/memoji/xlarge/M0_2x.jpg?4");background-size:70.66667% auto}.js .image-hero.M0.hbd{background-image:none}}.image-hero.R1{background-image:url("/wwdc20/images/hero/memoji/large/R1_2x.jpg?4");background-size:70.98501% auto}.js .image-hero.R1.hbd{background-image:none}@media (min-height: 990px){.image-hero.R1{background-image:url("/wwdc20/images/hero/memoji/xlarge/R1_2x.jpg?4");background-size:70.66667% auto}.js .image-hero.R1.hbd{background-image:none}}.image-hero.R2{background-image:url("/wwdc20/images/hero/memoji/large/R2_2x.jpg?4");background-size:71.94861% auto}.js .image-hero.R2.hbd{background-image:none}@media (min-height: 990px){.image-hero.R2{background-image:url("/wwdc20/images/hero/memoji/xlarge/R2_2x.jpg?4");background-size:70.66667% auto}.js .image-hero.R2.hbd{background-image:none}}.image-hero.R3{background-image:url("/wwdc20/images/hero/memoji/large/R3_2x.jpg?4");background-size:71.94861% auto}.js .image-hero.R3.hbd{background-image:none}@media (min-height: 990px){.image-hero.R3{background-image:url("/wwdc20/images/hero/memoji/xlarge/R3_2x.jpg?4");background-size:70.66667% auto}.js .image-hero.R3.hbd{background-image:none}}.image-hero.R4{background-image:url("/wwdc20/images/hero/memoji/large/R4_2x.jpg?4");background-size:71.09208% auto}.js .image-hero.R4.hbd{background-image:none}@media (min-height: 990px){.image-hero.R4{background-image:url("/wwdc20/images/hero/memoji/xlarge/R4_2x.jpg?4");background-size:70% auto}.js .image-hero.R4.hbd{background-image:none}}.image-hero.R5{background-image:url("/wwdc20/images/hero/memoji/large/R5_2x.jpg?4");background-size:75.37473% auto}.js .image-hero.R5.hbd{background-image:none}@media (min-height: 990px){.image-hero.R5{background-image:url("/wwdc20/images/hero/memoji/xlarge/R5_2x.jpg?4");background-size:74.66667% auto}.js .image-hero.R5.hbd{background-image:none}}.image-hero.R6{background-image:url("/wwdc20/images/hero/memoji/large/R6_2x.jpg?4");background-size:70.55675% auto}.js .image-hero.R6.hbd{background-image:none}@media (min-height: 990px){.image-hero.R6{background-image:url("/wwdc20/images/hero/memoji/xlarge/R6_2x.jpg?4");background-size:70.66667% auto}.js .image-hero.R6.hbd{background-image:none}}.image-hero.R7{background-image:url("/wwdc20/images/hero/memoji/large/R7_2x.jpg?4");background-size:71.94861% auto}.js .image-hero.R7.hbd{background-image:none}@media (min-height: 990px){.image-hero.R7{background-image:url("/wwdc20/images/hero/memoji/xlarge/R7_2x.jpg?4");background-size:70.66667% auto}.js .image-hero.R7.hbd{background-image:none}}.hero-more{position:absolute;z-index:2;bottom:10px;width:100%;text-align:center;opacity:0;-webkit-animation-name:slideIn;animation-name:slideIn;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}.hero-more h2{background-color:rgba(0,0,0,0.25);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);display:inline-block;border-radius:100px;padding:0.5em 1.5em}.dn-arrow span{display:block;font-size:1.8em;-webkit-transform:translateY(0px);transform:translateY(0px)}.section-details img{float:right}@media only screen and (max-width: 734px){.section-details img{float:initial}}@media only screen and (max-width: 734px){.section-details .row{margin-top:2em}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes slideIn{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideIn{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}