*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#122d49}header{background:#fff;position:relative;z-index:5}.preview{font-size:9px;letter-spacing:1.8px;color:#7c8d9f}#sequence{height:480svh;position:relative}.stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 78% 40%,#fff 0%,#eff4f7 47%,#e4edf3 100%);isolation:isolate}.ambient{position:absolute;inset:-30%;background:radial-gradient(ellipse at 70% 40%,#b3cede55,transparent 50%);transform:rotate(-25deg)}.gridlines{position:absolute;inset:0;background-image:linear-gradient(90deg,#688aa00b 1px,transparent 1px);background-size:16.666% 100%;mask-image:linear-gradient(transparent,#000,transparent)}.watermark{position:absolute;bottom:13%;left:5%;font-size:clamp(50px,8vw,130px);font-weight:600;letter-spacing:-5px;color:#b7cad322;white-space:nowrap}.copy{position:absolute;left:7%;top:19%;width:40%;z-index:6}.copy>.eyebrow{font-size:10px;letter-spacing:2.5px;margin-bottom:44px}.chapters{position:relative}.chapters article{position:absolute;inset:0;opacity:0;pointer-events:none}.chapters article:first-child{opacity:1}.chapter-no{font-size:10px;letter-spacing:2px;color:#7a90a3}#sequence h1,#sequence h2{font-size:clamp(38px,4.9vw,76px);font-weight:500;line-height:1.05;letter-spacing:-3px;margin:22px 0 26px}#sequence em{font-style:normal;color:#8298aa}.chapters p{font-size:15px;line-height:1.9;color:#617689}.explore{display:flex;justify-content:space-between;max-width:270px;border-bottom:1px solid #9caebb;padding:20px 0;font-size:11px;letter-spacing:1px}.explore span{font-size:24px}.art{position:absolute;right:0;top:7%;width:60%;height:81%;perspective:1300px}.device{position:absolute;left:50%;top:50%;margin:0;transform-origin:center;will-change:transform,opacity;filter:drop-shadow(12px 30px 22px #14314c20)}.device img{display:block;width:100%;height:auto}.phone{width:23%;z-index:4}.tablet{width:75%;z-index:1;mix-blend-mode:multiply}.watch{width:28%;z-index:5}.buds{width:29%;z-index:6;mix-blend-mode:multiply}.device figcaption{text-align:center;margin-top:20px;white-space:nowrap;font-size:8px;letter-spacing:1.6px;color:#527085;opacity:.7}.rim{position:relative}.rim:after{content:'';position:absolute;inset:0;border-radius:14%;box-shadow:inset -2px 1px 1px #fff8;pointer-events:none}.orbit{position:absolute;border:1px solid #8caabc38;border-radius:50%;width:83%;height:55%;left:10%;top:30%;transform:rotate(-25deg);pointer-events:none}.orbit-two{width:95%;height:65%;left:3%;top:24%;border-style:dashed;border-color:#8caabc20}.platform{position:absolute;width:58%;height:10%;left:24%;bottom:3%;border-radius:50%;background:#5a7b9620;filter:blur(22px)}.annotation{position:absolute;right:7%;top:7%;font-size:8px;letter-spacing:2px;color:#8ca1b1;writing-mode:vertical-rl}.bottom{position:absolute;bottom:5%;left:7%;right:7%;display:flex;align-items:center;gap:38px;font-size:9px;letter-spacing:1.8px;color:#6e879a}.bottom b{font-size:18px;font-weight:400;margin-left:20px}.track{height:1px;background:#a3b7c84d;flex:1;overflow:hidden}.track i{height:1px;display:block;background:#325a76;transform-origin:left;transform:scaleX(.02)}.counter{font-size:14px;color:#24465e}.counter i{font-style:normal;font-size:10px;color:#8fa1ae}.ending{min-height:65vh;background:#fff;text-align:center;padding:110px 24px}.ending h2{font-size:clamp(38px,5vw,66px)}.note{font-size:11px;color:#8193a2;margin-top:35px}.ending .button{margin-top:12px;font-size:11px}a:focus-visible{outline:2px solid #527b9a;outline-offset:6px}@media(max-width:760px){.preview{display:none}header{padding:18px 6%}header nav{margin-left:auto}.stage{min-height:680px}.copy{top:7%;left:7%;width:86%}.copy>.eyebrow{margin-bottom:24px;font-size:8px}.chapter-no{font-size:8px}#sequence h1,#sequence h2{font-size:42px;letter-spacing:-1.8px;margin:14px 0}.chapters p{font-size:12px;line-height:1.6}.art{width:96%;right:0;top:38%;height:52%}.device figcaption{font-size:6px;margin-top:12px}.annotation{display:none}.bottom{bottom:3%;gap:15px;font-size:7px}.bottom b{margin-left:8px}.watermark{font-size:55px;letter-spacing:-2px}.explore{padding:6px 0;font-size:9px;max-width:230px}.ending{padding:75px 24px}.phone{width:24%}}@media(prefers-reduced-motion:reduce){#sequence{height:100svh}.device{will-change:auto}.stage{position:relative}.track{display:none}}