html:has(.carpal-story){scroll-snap-type:y proximity;scroll-padding-top:80px}.story-panel{scroll-snap-align:start;color:#f2f6f3;isolation:isolate;background:#101817;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;min-height:calc(100svh - 80px);padding:80px max(6vw,24px);display:grid;position:relative;overflow:hidden}.story-content{z-index:2;max-width:620px;position:relative}.story-kicker{letter-spacing:.16em;color:#9db4aa;font-size:12px}.story-content h1,.story-content h2{letter-spacing:-.055em;margin:30px 0;font-size:clamp(48px,5.7vw,90px);line-height:1.14}.story-content h1 span,.story-content h2 span{color:#b7efcd}.story-content p{color:#b9c6bf;margin:0 0 32px;font-size:clamp(16px,1.3vw,20px);line-height:1.9}.story-content .button{border-radius:10px;gap:30px;padding:18px 25px;display:inline-flex}.story-tags{flex-wrap:wrap;gap:12px;display:flex}.story-tags span{color:#c9d8ce;border:1px solid #ffffff25;border-radius:30px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;display:flex}.story-note{color:#8da198;margin-top:22px;display:block}.story-car,.story-shade{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.story-car{object-position:65% center}.story-shade{z-index:-1;background:linear-gradient(90deg,#09100fea 0%,#09100f99 40%,#09100f0d 85%),linear-gradient(#0000 50%,#08100faa)}.story-hero .story-content{padding-bottom:30px}.story-hero h1{font-size:clamp(60px,6.5vw,104px)}.story-hero p{color:#d3ddd7}.story-bottom{color:#c0cbc5;letter-spacing:.09em;justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:30px;left:6vw;right:6vw}.story-bottom>span{align-items:center;gap:14px;display:flex}.story-credit{color:#bdc5bf;font-size:10px;position:absolute;bottom:62px;right:6vw}.story-lights{background:radial-gradient(at 80% 45%,#224039,#0b1412 65%)}.story-light-art{place-items:center;min-height:360px;display:grid;position:relative}.story-orbit{aspect-ratio:1;border:1px solid #a5edc01a;border-radius:50%;width:95%;position:absolute;box-shadow:0 0 0 55px #a5edc005,0 0 0 110px #a5edc004}.story-light-preview{background:#060b09;border:1px solid #b9e3c42b;border-radius:18px;width:100%;padding:32px 22px;position:relative;box-shadow:0 40px 90px #0006}.story-light-preview>span{color:#91a89a;letter-spacing:.15em;margin-bottom:30px;font-size:10px;display:block}.story-light-preview canvas{width:100%;height:auto}.story-art-caption{color:#819b8c;letter-spacing:.14em;font-size:12px;position:absolute;bottom:-30px}.story-sound{background:#211d2c}.story-sound h2 span{color:#d2c1f8}.story-wave{justify-content:center;align-items:center;gap:clamp(6px,1vw,16px);height:240px;display:flex;transform:rotate(-10deg)}.story-wave i{width:18px;height:var(--height);animation:4s ease-in-out infinite alternate story-wave;animation-delay:var(--delay);background:linear-gradient(#e9dfff,#aa8fdb 60%,#554366);border-radius:30px;box-shadow:0 0 50px #b58cf525}@keyframes story-wave{to{transform:scaleY(.7)}}.story-cockpit{color:#202d29;background:#e9eae3}.story-cockpit h2 span{color:#537262}.story-cockpit p,.story-cockpit .story-kicker{color:#64756a}.story-cockpit .story-tags span{color:#4f685a;border-color:#80948455}.story-display{perspective:1200px}.story-display-screen{aspect-ratio:16/11;background:#6d8d7e;border:10px solid #26342e;border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden;transform:rotateY(-12deg)rotateX(5deg);box-shadow:20px 35px 65px #243e4033}.story-display-screen>span{z-index:1;text-align:center;letter-spacing:.15em;color:#e8f4e9;font-size:13px;line-height:2}.story-display-screen strong{letter-spacing:-.02em;font-size:clamp(16px,2vw,32px)}.story-display-screen small{color:#d0dfd5;letter-spacing:.2em;font-size:8px;position:absolute;bottom:18px}.story-landscape{background:radial-gradient(at 70% 95%,#263e35 0,#0000 65%),linear-gradient(150deg,#0000 40%,#b4c3a1 40%,#94ac8a 60%,#597d69 60%);position:absolute;inset:0}.story-display-base{background:#596f61;border-radius:50%;width:40%;height:14px;margin:25px auto 0}.story-hardware{background:radial-gradient(at 75%,#183049,#10191e 65%)}.story-hardware h2 span{color:#a7d2fa}.story-beacon{aspect-ratio:1;place-items:center;display:grid;position:relative}.story-beacon>i{aspect-ratio:1;border:1px solid #80c4ff24;border-radius:50%;width:90%;position:absolute}.story-beacon>i:nth-child(2){width:65%}.story-beacon>i:nth-child(3){width:40%}.story-beacon-device{background:linear-gradient(135deg,#354450,#121b23);border:1px solid #637887;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:130px;height:160px;display:flex;transform:rotate(-14deg);box-shadow:25px 35px 50px #0007}.story-beacon-device>div{background:#8ad4ff;border-radius:16px;width:70px;height:55px;box-shadow:0 0 40px #3da9ff,0 0 100px #329bff77}.story-beacon-device>span{color:#819aaa;margin-top:23px;font-size:12px}.story-apps{color:#20352a;background:#dfe8de}.story-apps h2 span{color:#587b61}.story-apps p,.story-apps .story-kicker{color:#637b69}.story-apps .story-tags span{color:#506a57;border-color:#80948455}.story-app-icons{flex-wrap:wrap;justify-content:center;gap:36px 26px;max-width:540px;display:flex}.story-app-icons>div{color:#536d59;justify-items:center;gap:16px;width:28%;font-size:12px;display:grid}.story-app-icons img{aspect-ratio:1;border-radius:24%;width:clamp(64px,7vw,104px);box-shadow:0 18px 30px #4d705d25}@media (min-width:1500px){.story-panel{padding-left:max(6vw,50vw - 700px);padding-right:max(6vw,50vw - 700px)}}@media (max-width:760px){html:has(.carpal-story){scroll-padding-top:72px}.story-panel{grid-template-columns:1fr;align-content:center;gap:40px;min-height:calc(100svh - 72px);padding:52px 24px}.story-content h1,.story-content h2{margin:22px 0;font-size:48px}.story-content p{margin-bottom:24px;font-size:15px}.story-hero{align-content:start;padding-top:74px}.story-hero h1{font-size:64px}.story-car{object-position:62% center}.story-shade{background:linear-gradient(#09100fdd,#09100f65 55%,#09100f55)}.story-bottom{font-size:9px;bottom:24px;left:24px;right:24px}.story-credit{font-size:8px;bottom:48px;right:24px}.story-kicker{font-size:10px}.story-tags{gap:8px}.story-tags span{padding:7px 10px;font-size:10px}.story-light-art{min-height:210px;margin-bottom:25px}.story-light-preview{padding:22px 16px}.story-art-caption{bottom:-12px}.story-orbit{width:65%}.story-wave{gap:10px;height:140px;margin:30px 0}.story-wave i{width:12px}.story-display{width:100%;max-width:420px;margin:auto}.story-display-screen{aspect-ratio:16/9}.story-beacon{width:260px;max-width:100%;margin:auto}.story-beacon-device{border-radius:24px;width:95px;height:120px}.story-beacon-device>div{width:53px;height:38px}.story-app-icons{gap:25px 16px}.story-app-icons img{width:72px}.story-app-icons>div{gap:10px;font-size:11px}}@media (prefers-reduced-motion:reduce){html:has(.carpal-story){scroll-snap-type:none}.story-wave i{animation:none}}.story-light-dots{grid-template-columns:repeat(24,1fr);gap:6px;padding:20px 0;display:grid}.story-light-dots i{aspect-ratio:1;background:#b7efcd;border-radius:50%}.story-official-apps{width:100%;max-width:580px}.story-official-apps>a{color:inherit;border-bottom:1px solid #20352a30;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;text-decoration:none;display:flex}.story-official-apps strong{font-size:20px}.story-official-apps small{color:#506a57;margin-top:8px;font-size:12px;line-height:1.6;display:block}.story-official-apps>a>span:last-child{white-space:nowrap;font-size:12px}:is(.story-official-apps>a:hover,.story-official-apps>a:focus-visible){color:#285e40}.story-official-apps>p{color:#506a57;margin-top:24px;font-size:12px;line-height:1.9}.story-display{perspective:none;width:100%;padding:24px 0 36px;position:relative}.story-display-frame{background:linear-gradient(145deg,#54635d,#17231e 45%,#43594a);border:1px solid #68776d;border-radius:17px;padding:7px;box-shadow:0 24px 45px #243e4033}.story-display-screen{aspect-ratio:32/10;width:100%;box-shadow:none;background:#385e51;border:0;border-radius:10px;display:block;transform:none}.story-display-screen .story-landscape{background:radial-gradient(at 76% 8%,#d2d5b899 0,#0000 42%),linear-gradient(160deg,#0000 46%,#8ca78b 46%,#587f70 66%,#234f45 66%)}.story-screen-clock{color:#f1f4df;flex-direction:column;gap:8px;display:flex;position:absolute;top:18%;left:6%}.story-screen-clock strong{letter-spacing:-.06em;font-size:clamp(24px,3.2vw,48px);font-weight:400;line-height:1}.story-screen-clock>span{letter-spacing:.1em;font-size:clamp(7px,.75vw,12px)}.story-screen-tools{gap:7px;display:flex;position:absolute;bottom:20%;right:5%}.story-screen-tools>span{color:#edf7e7;background:#173d3040;border:1px solid #eef5e130;border-radius:7px;padding:10px 8px;font-size:clamp(7px,.7vw,11px)}.story-display-screen small{font-size:clamp(5px,.55vw,8px);bottom:10%;left:6%}.story-screen-caption{text-align:center;color:#64756a;letter-spacing:.14em;margin-top:24px;font-size:11px;display:block}.story-tube-art{isolation:isolate;place-items:center;width:100%;height:360px;display:grid;position:relative}.story-tube{z-index:2;filter:drop-shadow(0 0 18px #328cff88);align-items:center;width:88%;height:38px;display:flex;position:relative;transform:rotate(-18deg)}.story-tube-glass{background:linear-gradient(#2680e8,#8ed8ff 37%,#e0faff 51%,#55b1ff 80%,#176fea);border:1px solid #8acbff;border-radius:9px;flex:1;height:100%;overflow:hidden;box-shadow:0 0 16px #47b5ff,0 0 45px #188aff88,0 0 90px #126bf855}.story-tube-glass>i{filter:blur(2px);opacity:.9;background:#efffff;height:5px;display:block;position:relative;top:10px}.story-tube-cap{z-index:3;background:linear-gradient(#14212e,#2c4152 20%,#8196a7 53%,#15232f);border:1px solid #536d84;width:24px;height:42px;display:block;box-shadow:0 4px 10px #0008}.cap-left{border-radius:8px 2px 2px 8px;margin-right:-3px}.cap-right{border-radius:2px 8px 8px 2px;margin-left:-3px}.story-tube-halo{filter:blur(12px);background:radial-gradient(#2584e050,#0000 68%);width:100%;height:180px;position:absolute;transform:rotate(-18deg)}.story-tube-reflection{filter:blur(16px);background:#2d8cff44;border-radius:50%;width:76%;height:18px;position:absolute;top:71%;transform:rotate(-9deg)}.story-tube-caption{color:#7e9db8;letter-spacing:.14em;font-size:10px;position:absolute;bottom:20px}@media (max-width:760px){.story-display{max-width:560px;padding-top:12px}.story-display-frame{border-radius:12px;padding:5px}.story-display-screen{aspect-ratio:32/10;border-radius:7px}.story-screen-tools{gap:4px}.story-screen-tools>span{padding:6px 5px}.story-screen-clock{gap:5px}.story-screen-caption{margin-top:18px;font-size:9px}.story-tube-art{height:240px}.story-tube{width:85%;height:25px}.story-tube-cap{width:18px;height:29px}.story-tube-glass>i{height:3px;top:7px}.story-tube-caption{font-size:8px;bottom:6px}}.story-detail-link{color:inherit;border-bottom:1px solid;align-items:center;gap:12px;margin-top:26px;padding-bottom:7px;font-size:14px;display:inline-flex}
