#sequence .stage{background:radial-gradient(ellipse at 72% 44%,#102a35,#03090f 66%)}#sequence .rig,#sequence .wearables,#sequence .particles,#sequence .tunnel,#sequence .light-streak{display:none}#sequence .art{width:70%;right:-3%;top:0;height:100%;perspective:none;z-index:4;pointer-events:none}#matter{width:100%;height:100%;display:block;mix-blend-mode:screen}.stage .copy{pointer-events:none}.stage .copy a{pointer-events:auto}.stage .watermark{opacity:.3}.stage .annotation{right:8%;top:15%}.stage .ambient{opacity:.3}@media(max-width:760px){#sequence .art{width:115%;right:-8%;top:27%;height:70%}.stage .copy{z-index:5}}
/* Solid forms carry the scene; particles punctuate the transitions. */
#sequence .stage{background:radial-gradient(ellipse at 74% 42%,#30373e 0%,#14191e 38%,#080b0f 75%)}
#sequence .art{width:60%;right:0;top:7%;height:81%;perspective:1200px;isolation:isolate}
#sequence .rig{display:block;z-index:3;filter:drop-shadow(20px 35px 25px #0009)}
#sequence .wearables{display:block;z-index:4}
#matter{position:absolute;inset:-9% -15%;width:130%;height:120%;z-index:5;opacity:var(--dust-opacity,.08);pointer-events:none}
#sequence .tunnel{display:block;opacity:.13!important;filter:grayscale(1)}
#sequence .light-streak{display:block;opacity:calc(var(--flare,.3)*.5)}
#sequence .back{background:linear-gradient(120deg,#f2f4f5,#929da5 12%,#30383f 40%,#7c8a94 78%,#e6edf2);border-color:#cbd3d9;box-shadow:7px 9px 0 #454f58,9px 10px 1px #d2dae0,0 0 35px #ffffff15}
#sequence .glass{background:linear-gradient(110deg,#fff,#bec7ce 13%,#5b6973 46%,#d6e0e6 85%,#fff);border-color:#f1f6fa;box-shadow:4px 5px 0 #4f5f6b,7px 7px 0 #c9d4dd,0 25px 70px #000b}
#sequence .screen{background:linear-gradient(140deg,#071017,#1a2934 55%,#05090d)}
#sequence .aurora{filter:grayscale(.8) blur(3px);opacity:.9}
#sequence .screen:after{background:linear-gradient(120deg,#fff4,transparent 25%,transparent 55%,#fff2 57%,transparent 62%)}
#sequence .dial{border-color:#d5dde2;background:radial-gradient(circle at 30% 15%,#4b5862,#050b12 70%);box-shadow:inset 0 0 0 3px #17212c,5px 7px 0 #73818d,6px 8px 0 #e2edf3}
#sequence .case{background:linear-gradient(140deg,#fff,#d2dae0 25%,#687984 60%,#e3eaf0 95%);box-shadow:inset 0 8px 10px #fff6,4px 7px 0 #4c5b65}
#sequence .bud{background:linear-gradient(100deg,#fff,#d4dfe5 30%,#627784 83%,#e7f1f6)}
#sequence .strap{background:repeating-linear-gradient(0deg,#26313a 0 8px,#111920 10px,#697b88 11px)}
#sequence .dial-ring{border-color:#c3e5f5;box-shadow:0 0 10px #87c7e744}
#sequence .ambient{opacity:.12}#sequence .watermark{opacity:.3;color:#c2ccd411}#sequence em{color:#a4b2bd}.stage .copy>.eyebrow,.stage .chapter-no{color:#adbcc8}.stage .chapters p{color:#a6b4be}
@media(max-width:760px){#sequence .art{width:96%;right:0;top:40%;height:49%}}

.charging-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.charger-float{transform-origin:260px 270px;animation:chargerfloat 7s ease-in-out infinite}.cable-float{transform-origin:490px 290px;animation:cablefloat 9s ease-in-out infinite}@keyframes chargerfloat{50%{transform:translateY(-12px) rotate(3deg)}}@keyframes cablefloat{50%{transform:translateY(9px) rotate(-3deg)}}@media(prefers-reduced-motion:reduce){.charger-float,.cable-float{animation:none}}

.fold-phone{position:absolute;left:50%;top:50%;width:360px;height:350px;transform:translate(-50%,-50%) rotateX(9deg) rotateY(-15deg) rotateZ(-8deg);transform-style:preserve-3d;perspective:1000px}.fold-half{position:absolute;top:0;width:50%;height:100%;padding:5px;border-radius:23px;background:linear-gradient(120deg,#e4edf4,#617687 30%,#172c3c 60%,#cfdee9);border:1px solid #c5d8e6;box-shadow:3px 6px 0 #455969,0 30px 55px #0008;backface-visibility:visible;transform-style:preserve-3d}.fold-left{left:0;border-radius:23px 8px 8px 23px;transform-origin:right center;transform:rotateY(var(--fold-angle,-40deg))}.fold-right{right:0;border-radius:8px 23px 23px 8px;transform-origin:left center;transform:rotateY(calc(var(--fold-angle,-40deg)*-1))}.fold-screen{position:relative;height:100%;border-radius:18px 5px 5px 18px;overflow:hidden;background:radial-gradient(ellipse at 100% 50%,#236585,#0c2941 40%,#020c19 75%);border:2px solid #021020}.fold-right .fold-screen{border-radius:5px 18px 18px 5px;background:radial-gradient(ellipse at 0% 50%,#236585,#0c2941 40%,#020c19 75%)}.fold-ribbon{position:absolute;width:290%;height:55%;left:-110%;top:28%;border-radius:50%;border:2px solid #a7def2;box-shadow:0 -14px 22px #387b9d,inset 0 18px 25px #4b9fc866;transform:rotate(-35deg)}.fold-right .fold-ribbon{left:-70%;transform:rotate(35deg)}.fold-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#f0faff24,transparent 35%,#9bcbe810 65%,#ffffff18)}.fold-camera{position:absolute;right:12px;top:12px;width:5px;height:5px;border-radius:50%;background:#01060c;box-shadow:0 0 0 2px #ffffff14}.fold-hinge{position:absolute;left:calc(50% - 4px);top:6px;width:8px;height:calc(100% - 12px);border-radius:5px;background:linear-gradient(90deg,#263848,#c4d4df,#213444);transform:translateZ(-3px)}@media(max-width:760px){.fold-phone{width:255px;height:255px}}