.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}}html,body{max-width:100%;overflow-x:hidden}.main{margin:0px 0 0;overflow:initial;padding-bottom:0 !important}.masthead-home{width:300px;height:auto}@media only screen and (max-width: 1068px){.masthead-home{width:250px}}.image-hero-wrapper{position:relative;height:0;padding-top:calc(1434 / 3020 * 100%)}.section-motion.section-motion-p3{margin:1.5em 0 0}.section-motion.section-motion-p3 .image-hero{scale:0.65}.image-hero-wrapper-p2{position:relative;height:0;padding-top:calc(800 / 3600 * 100%)}.section-motion-v2{margin-top:-4em;margin-left:-105px}.section-motion-v2.p3{margin-top:-2em;margin-bottom:2em;margin-left:0}@media only screen and (max-width: 1068px){.section-motion-v2{margin-top:-3em;margin-left:-60px}.section-motion-v2.p3{margin-top:-1em;margin-bottom:2em;margin-left:0}}@media only screen and (max-width: 734px){.section-motion-v2{margin-top:0;margin-left:0}.section-motion-v2.p3{margin-top:0;margin-bottom:0.75em;margin-left:0}}.image-hero-wrapper-v2{position:relative;height:0;padding-top:calc((1800 / 1800 * 100%) * (80 / 100));display:grid;place-items:center}.image-hero-wrapper-v2.p3-wrap{padding-top:calc((1800 / 1800 * 100%) * (70 / 100))}.image-hero-v2{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:100%;height:auto;width:calc(80 * 1%)}.image-hero-v2.p3-hero{width:calc(70 * 1%)}@media only screen and (max-width: 735px){.image-hero-wrapper-v2{padding-top:calc((1800 / 1800 * 100%) * (98 / 100))}.image-hero-wrapper-v2.p3-wrap{padding-top:calc((1800 / 1800 * 100%) * (100 / 100))}.image-hero-v2{width:calc(98 * 1%)}.image-hero-v2.p3-hero{width:calc(100 * 1%)}}.video-container{width:100%}.image-hero{position:absolute;top:0;left:0;max-width:100%;height:auto}.startframe img.image-hero,.startframe img.image-hero-v2{z-index:0}img.image-hero,img.image-hero-v2{z-index:1}video.image-hero,video.image-hero-v2{z-index:2;background:transparent !important}video{opacity:0}.video-started video{opacity:1;transition:opacity 0.5s ease}.video-ended video{opacity:0}.hero-copy{position:relative;z-index:2;width:100%;text-align:center}@media only screen and (max-width: 735px){.hero-copy{position:relative;z-index:2;bottom:0px;width:100%;text-align:center}}.hero-copy-phase2{margin-top:-5em}@media only screen and (max-width: 1068px){.hero-copy-phase2{margin-top:-3em}}@media only screen and (max-width: 734px){.hero-copy-phase2{margin-top:-1em}}.hero-copy-motion{margin-top:5.5em}.hero-copy .typography-headline{padding-bottom:0.5em}@media only screen and (max-width: 734px){.section-details .row{margin-top:1.5em}}.section-details-grid{background-color:#161617}.line-divider{width:100%;height:1px;border:1px solid #333;margin-top:2em;margin-bottom:2em}.main-overview .section-announce{margin-top:6em}.main-overview .section-details{margin-top:6em;min-height:100vh}.main-overview .section-details.section-week{margin-top:4em}@media only screen and (max-width: 734px){.main-overview .section-details{margin-top:2em;padding:0.5em 0 0 0}}.main-overview .section-details .section-content{margin-top:3em;margin-bottom:2em}@media only screen and (max-width: 734px){.main-overview .section-details .section-content{padding-top:0}}.main-overview .section-details .section-content .row{display:grid;padding:2em;width:75%;margin-left:unset;margin-right:unset;text-align:center;place-items:center;background-color:#000;background-clip:padding-box;border-radius:18px}@media only screen and (max-width: 1068px){.main-overview .section-details .section-content .row{width:100%}}@media only screen and (max-width: 734px){.main-overview .section-details .section-content .row{width:100%;padding:2em 1em}}.main-overview .section-details .section-content .row.callout-border{border:1px solid #424245;border-radius:18px}.main-overview .section-details .section-content .row.callout-promo .callout-copy{width:84%}@media only screen and (max-width: 734px){.main-overview .section-details .section-content .row.callout-promo .callout-copy{width:100%}}.main-overview .section-details .section-content .row.callout-promo img{margin-bottom:1em}.main-overview .section-details .section-content .row.callout-simple{display:block;row-gap:1em;padding:2em;text-align:left;background-color:#000;border:1px solid #333;border-radius:18px}.main-overview .section-details .section-content .row.callout-simple.callout-simple-full{width:100%}.main-overview .section-details .section-content .card-grid{display:grid;grid-template-columns:1fr 1fr;gap:1em;width:100%}@media only screen and (max-width: 734px){.main-overview .section-details .section-content .card-grid{grid-template-columns:1fr}}.main-overview .section-details .section-content .card-grid.card-grid-full{grid-template-columns:1fr;width:100%}.main-overview .section-details .section-content .card-grid .card-image-container{height:50px;margin-bottom:1em}.main-overview .section-details .section-content .card-grid .span-2:first-child{grid-column:span 2;justify-content:center;text-align:center}@media only screen and (max-width: 734px){.main-overview .section-details .section-content .card-grid .span-2:first-child{grid-column:unset;justify-content:flex-start;text-align:left}}.main-overview .section-details .section-content .card-grid .span-2:first-child .card-image-container{height:70px}.main-overview .section-details .section-content .card-grid .card-copy-container{width:100%}.main-overview .section-details .section-content .card-grid .card-link-container{margin-top:1em}.main-overview .section-details .section-content .card-grid .card-link-container p{margin-top:0.3em}.main-overview .section-details .section-content .card-grid .row{width:100%;padding:2em 1em;justify-content:flex-start;text-align:left;align-items:flex-start}@media only screen and (max-width: 734px){.main-overview .section-details .section-content .card-grid .row{margin-top:unset}}.main-overview .section-details .section-content .card-grid .callout-copy{height:100%;display:flex;flex-direction:column;justify-content:space-between;width:100% !important;padding:18px}@media only screen and (max-width: 734px){.main-overview .section-details .section-content .card-grid .callout-copy{width:100% !important;padding:10px}}@media only screen and (max-width: 734px){.detail-grid-header{margin-top:1em;margin-bottom:0.75em}}a.row.callout-simple.callout-border{text-decoration:none;cursor:pointer !important}a.row.callout-simple.callout-border p:not(.link):hover{text-decoration:none}a.row.callout-simple.callout-border,a.row.callout-simple.callout-border *{cursor:pointer !important}a.row.callout-simple.callout-border:hover{transition:0.5s;border:1px solid #4a4a4a !important}body.videos .section-grid-content{padding:0;text-align:center}.hero-copy .typography-headline{padding-bottom:0.5em}.flex-center{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:1.5em}@media only screen and (max-width: 734px){.flex-center{row-gap:0em}}.flex-column{display:flex;align-items:flex-start;justify-content:center}@media only screen and (max-width: 734px){.flex-column{justify-content:flex-start}}.announce-follow-container{margin-top:1.5em}.announce-follow-container.announce-paragraph-spacing{margin-top:0.8em}.announce-follow-container .announce-follow{display:grid;grid-template-columns:20px 1fr;gap:5px;margin-bottom:6px}.announce-follow-container .announce-follow img{margin-top:3px}.announce-follow-container .announce-follow p{width:90%}@media only screen and (max-width: 734px){.announce-follow-container .announce-follow p{width:100%}}.announce-margin-top{margin-top:40px}.announce-margin-bottom{margin-bottom:40px}.announce-content{margin-top:-1em}.announce-date{margin-top:40px}.hero-masthead{max-width:200px;margin-bottom:1em}@media only screen and (max-width: 734px){.hero-masthead{width:200px}}.section-days{margin-top:-1em}#aow .igg-bg{border:1px solid #333}.igg-bg{background:#000 !important;position:relative}.igg-bg::before,.igg-bg::after{--wwdc-1: #481d58;--wwdc-2: #ff9999;--wwdc-3: #fff;content:"";background:conic-gradient(from var(--gradient-angle), var(--wwdc-1), var(--wwdc-2), var(--wwdc-3), var(--wwdc-2), var(--wwdc-1));position:absolute;z-index:-1;inset:-0.15em;border-radius:18px;opacity:0.65}.igg-bg::after{opacity:0}@-webkit-keyframes meshGradient{0%{background-position:0% 50%}25%{background-position:100% 25%}50%{background-position:0% 75%}75%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes meshGradient{0%{background-position:0% 50%}25%{background-position:100% 25%}50%{background-position:0% 75%}75%{background-position:100% 50%}100%{background-position:0% 50%}}.inner-glow-gradient{background:linear-gradient(to right, #712d40, #430a64, #152a55, #712d40);background-size:200% 200%, 1px 1px;background-blend-mode:normal;-webkit-animation:meshGradient 25s infinite ease-in-out;animation:meshGradient 25s infinite ease-in-out}.margin-top-0{margin-top:0.5em !important}.margin-top-1{margin-top:1em !important}*::-webkit-media-controls-start-playback-button,video::-webkit-media-controls{display:none !important;-webkit-appearance:none}.callout-day{background-repeat:no-repeat;background-size:100% 100%;max-height:238px}.callout-day.callout-day1{background-image:url(/wwdc24/images/dayof/day-1_2x.jpg)}.callout-day.callout-day2{background-image:url(/wwdc24/images/dayof/day-2_2x.jpg)}.callout-day.callout-day3{background-image:url(/wwdc24/images/dayof/day-3_2x.jpg)}.callout-day.callout-day4{background-image:url(/wwdc24/images/dayof/day-4_2x.jpg)}.callout-day.callout-day5{background-image:url(/wwdc24/images/dayof/day-5_2x.jpg)}hr.spacer{margin:2em 0;width:100%}#arrow-down{outline:0 !important}