.other-section2[data-v-5528a183]{height:1725px;background-color:#000;font-weight:600;display:flex;justify-content:center;align-items:center;flex-direction:column;--device-width:770px;--device-height:1336px;--ui-width:640px}.other-section2 h2[data-v-5528a183]{color:#6e6e73;text-align:center;font-size:48px}.other-section2 h2 p[data-v-5528a183]{margin:0;color:#fff}#iphone[data-v-5528a183]{position:relative;width:var(--device-width);height:var(--device-height)}#hardware[data-v-5528a183]{width:100%;height:100%;background-image:url(https://assets.codepen.io/2002878/iphone12-5g_on_phone.jpg);background-size:var(--device-width) var(--device-height);mask-image:url(https://assets.codepen.io/2002878/iphone12-5g_on_phone_mask.png);-webkit-mask-image:url(https://assets.codepen.io/2002878/iphone12-5g_on_phone_mask.png);mask-size:var(--device-width) var(--device-height);-webkit-mask-size:var(--device-width) var(--device-height)}#ui[data-v-5528a183]{position:absolute;top:0;left:50%;transform:translateX(-50%)}#ui .top-ui[data-v-5528a183]{display:block;width:var(--ui-width);height:auto;margin:70px auto 0;padding-bottom:30px;border-bottom:1px solid #222}#ui ul[data-v-5528a183]{--progress:0}#ui ul li img[data-v-5528a183]{display:block;width:var(--ui-width);height:auto;margin:10px auto;padding-bottom:10px;border-bottom:1px solid #222;transform:scale(calc(1.8 - var(--progress)*0.8)) translateY(calc(-60px*(1 - var(--progress))));opacity:var(--progress)}html[data-v-af46ba46]{font-size:48px;--iphone-black-bg:#000;--iphone-black-text:#f2f2f2;--iphone-white-bg:#fff;--iphone-white-text:#8b8b99;--iphone-white-text-highlight:#1d1d1f;--iphone-red-bg:#960b19;--iphone-red-text:#e57571;--iphone-red-text-highlight:#f5f5f7;--iphone-width:460px;--iphone-offscreen:-720px}body[data-v-af46ba46]{margin:0;padding:0}.homepod-container[data-v-af46ba46]{position:sticky;top:0;width:100%;height:100vh;z-index:-1}.description[data-v-af46ba46]{width:490px;padding:80px 50px;box-sizing:border-box;background-color:rgba(0,0,0,.8);border-radius:20px;text-align:center;color:#fff;margin:0 auto 100vh}.description h3[data-v-af46ba46]{font-size:32px;margin:0;padding:0}.description p[data-v-af46ba46]{font-size:18px;margin:12px 0 0}.homepod[data-v-af46ba46]{width:654px;height:825px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.homepod div[data-v-af46ba46]{width:inherit;height:inherit;background-size:contain;background-position:50%;position:absolute;top:0;left:0}.start[data-v-af46ba46]{background-image:url(https://assets.codepen.io/2002878/homepod.jpg)}.part-1[data-v-af46ba46]{background-image:url(https://assets.codepen.io/2002878/homepod_1.jpg);opacity:var(--part-1)}.part-2[data-v-af46ba46]{background-image:url(https://assets.codepen.io/2002878/homepod_2.jpg);opacity:var(--part-2)}.part-3[data-v-af46ba46]{background-image:url(https://assets.codepen.io/2002878/homepod_3.jpg);opacity:var(--part-3)}.part-4[data-v-af46ba46]{background-image:url(https://assets.codepen.io/2002878/homepod_4.jpg);opacity:var(--part-4)}.ending[data-v-af46ba46]{background-image:url(https://assets.codepen.io/2002878/homepod.jpg);opacity:var(--ending)}.description-container[data-v-af46ba46]{padding-bottom:100vh}.description[data-v-af46ba46]:last-child{margin-bottom:0}.other-section3[data-v-a5883c4a]{margin:0;background-color:#131313;height:5000px}#sticky[data-v-a5883c4a]{position:sticky;top:0;display:flex;align-items:center;justify-content:center;overflow:hidden}canvas[data-v-a5883c4a]{position:relative;margin-top:-100px}p.left[data-v-a5883c4a],p.right[data-v-a5883c4a]{font-size:28px;color:#fff;font-family:Helvetica;font-weight:700;position:absolute;top:45%;opacity:0}p.left[data-v-a5883c4a]{left:50%}p.right[data-v-a5883c4a]{right:50%}#loading[data-v-a5883c4a]{font-size:28px;font-family:Helvetica;color:#fff;position:absolute;width:45vw;text-align:center;z-index:10;font-weight:700;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/2002878/iphone-se.01.png) no-repeat 50%;background-size:contain;height:100%;display:flex;justify-content:center;align-items:center;margin-top:-50px;transition:opacity .5s ease-in-out;transition-delay:2s}#loading p[data-v-a5883c4a]{margin-top:40%}.other-section3.loaded #loading[data-v-a5883c4a]{opacity:0}.other-section{height:3530px;--iphone-black-bg:#000;--iphone-black-text:#f2f2f2;--iphone-white-bg:#fff;--iphone-white-text:#8b8b99;--iphone-white-text-highlight:#1d1d1f;--iphone-red-bg:#960b19;--iphone-red-text:#e57571;--iphone-red-text-highlight:#f5f5f7;--iphone-width:460px;--iphone-offscreen:-720px}.sticky-container{position:sticky;top:0;width:100%;height:100vh;overflow:hidden}.sticky-container .iphone{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;position:absolute;top:0;left:0}.sticky-container .iphone h3{width:var(--iphone-width);font-size:48px;margin:0 0 60px 0}.sticky-container .iphone img{display:block;width:var(--iphone-width);margin-bottom:var(--iphone-offscreen)}.sticky-container .iphone.black{background-color:var(--iphone-black-bg);z-index:10}.sticky-container .iphone.black h3{color:var(--iphone-black-text)}.sticky-container .iphone.white{background-color:var(--iphone-white-bg);z-index:20;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}.sticky-container .iphone.white h3{color:var(--iphone-white-text)}.sticky-container .iphone.white h3 span{color:var(--iphone-white-text-highlight)}.sticky-container .iphone.red{background-color:var(--iphone-red-bg);z-index:30;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}.sticky-container .iphone.red h3{color:var(--iphone-red-text)}.sticky-container .iphone.red h3 span{color:var(--iphone-red-text-highlight)}.sticky-container.no-sticky{position:relative;overflow:visible}.sticky-container.no-sticky .iphone{position:relative}.sticky-container.no-sticky .iphone.red{padding-bottom:calc(var(--iphone-offscreen)*-1)}.other-section4[data-v-14b28844]{background-color:#353434;height:3000px}#A13 .chip[data-v-14b28844],#A13 .text-bg[data-v-14b28844]{fill:#fff}#A13 .chip-mask[data-v-14b28844]{fill:#000}#chip-section[data-v-14b28844]{position:sticky;top:0;width:100%;height:100vh;overflow:hidden}#chip-section.no-sticky[data-v-14b28844]{position:relative}video[data-v-14b28844]{height:100vh;width:auto;position:relative;left:50%;transform:translate(-50%)}#the-chip[data-v-14b28844]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;box-shadow:0 0 0 100vw #000,inset 0 0 0 30px #000;z-index:10;min-width:100px;min-height:100px;background-color:#000}#the-chip.transparent[data-v-14b28844]{background-color:transparent}#A13[data-v-14b28844]{position:absolute;width:100%;height:100%;opacity:0}h1[data-v-14b28844]{position:absolute;top:0;left:0;color:#fff;z-index:20;font-family:Helvetica;font-size:64px;letter-spacing:-1px;text-align:center;width:100%;top:50%;transform:translateY(-50%);margin:0}ul.nav[data-v-7b118202]{position:fixed;display:flex;justify-content:space-around;align-items:center;background:rgba(0,0,0,.8);color:#f0f8ff;padding:20px 0;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);width:100%;z-index:9999}body,ul{margin:0;padding:0}ul{list-style:none}