.productStory{color:var(--ink);--story-offset:78px;background:#fff}.storyViewport{height:820px;position:relative}.storyCanvas{max-width:1600px;height:100%;margin:auto;position:relative;overflow:clip}.storyTechBackdrop{opacity:0;pointer-events:none;background:radial-gradient(at 55% 75%,#4b4af526,#0000 55%),linear-gradient(#ffffff06 1px,#0000 1px) 0 0/56px 56px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/56px 56px,#121419;position:absolute;inset:0}.storyRevealBackdrop{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.storyVersionLinks{gap:24px;display:flex}.storyCompareLink{color:var(--accent)}.storyTitle,.storyTop,.storyModel,.storyChapter,.storyDeveloper{transition:color .35s}.productStory.isTech .storyTitle,.productStory.isTech .storyDeveloper{color:#f5f3fc}.productStory.isTech .storyTitle em{color:#aaa0ff}.productStory.isTech .storyTop,.productStory.isTech .storyModel,.productStory.isTech .storyChapter{color:#aaa6b8}.productStory.isTech .storyHeading .eyebrow{color:#aaa0bd}.productStory.isTech .storyDeveloper>p{color:#a9a5b4}.productStory.isTech .storyDeveloper .button{color:#16141c;background:#f3f0ff;border-color:#f3f0ff}.productStory.isTech .storyDeveloper small,.productStory.isTech .storyChapter b{color:#aaa0ff}.storyTop{font:9px var(--mono);letter-spacing:.12em;color:#81808a;z-index:10;justify-content:space-between;display:flex;position:absolute;top:26px;left:max(24px,50% - 620px);right:max(24px,50% - 620px)}.storyTop i{color:#c8c3d4;margin:0 10px;font-style:normal}.storyTop a{letter-spacing:0;text-decoration:none}.storyHeading{text-align:center;z-index:5;pointer-events:none;height:160px;position:absolute;top:11%;left:6%;right:6%}.storyHeading .eyebrow{letter-spacing:.2em;color:#777081;margin-bottom:18px;font-size:9px}.storyTitle{opacity:0;visibility:hidden;font-weight:500;position:absolute;left:0;right:0;letter-spacing:-.055em!important;margin:0!important;font-size:clamp(46px,5.7vw,84px)!important;line-height:1.06!important}.storyTitle em{color:var(--accent);font-style:normal}.storyTitle[data-title="0"]{opacity:1;visibility:visible}.storyTitle[data-title="4"]{max-width:850px;margin:auto!important;font-size:clamp(40px,4.5vw,68px)!important}.storyAtmosphere{pointer-events:none;--light:#dcd8ff;will-change:opacity;position:absolute;inset:0}.storyLight{background:radial-gradient(ellipse,var(--light),transparent 66%);opacity:.34;width:min(70vw,1000px);height:65%;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)}.storyAtmosphere svg{stroke:#c7bfdc;stroke-width:.7px;opacity:.52;width:min(75vw,1050px);height:auto;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)rotate(-17deg)}.storyAtmosphere svg ellipse:nth-child(2){stroke-dasharray:2 9;opacity:.45}.storyAtmosphere svg circle{fill:#b6a8d7;stroke:none}.storyProduct{aspect-ratio:1;will-change:transform,opacity;width:min(56vh,650px);position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)}.storyProduct>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.storyRendered{opacity:0}.storyHalo{z-index:-1;background:radial-gradient(#dcd8ff42,#0000 67%);border-radius:50%;position:absolute;inset:8%;transform:scale(1.7)}.storyBlank{filter:drop-shadow(0 24px 18px #2520390c)}.storySurfaces{pointer-events:none;position:absolute;inset:0}.storySurface{opacity:0;visibility:hidden;will-change:transform,opacity;width:min(18vw,235px);position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.storySurface.surface2,.storySurface.surface3{width:min(10vw,130px)}.surfaceShape{aspect-ratio:1562/1915;mask-image:var(--surface-mask);filter:drop-shadow(0 20px 25px #10111410);background:linear-gradient(135deg,#e7e2f5,#bcb0d5);mask-size:100% 100%;mask-repeat:no-repeat}.surface2 .surfaceShape,.surface3 .surfaceShape{aspect-ratio:728/808}.surfaceArtwork{background-image:var(--art);opacity:0;background-size:cover;width:100%;height:100%}.surfaceCaption{white-space:nowrap;font:10px var(--mono);text-align:center;color:var(--muted);margin-top:18px;display:block}.surfaceCaption b{color:var(--accent);margin-right:8px;font-weight:400}.storyArtwork{opacity:0;visibility:hidden;will-change:transform,opacity;width:176px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.storyArtwork img{border-radius:3px;width:100%;height:auto;box-shadow:0 18px 45px #2923391b,0 2px 8px #2923390c}.storyArtwork>span{font:9px var(--mono);letter-spacing:.08em;text-align:center;color:var(--muted);margin-top:16px;display:block}.storyArtwork b{color:var(--ink);font-weight:400}.storyAnnotation{opacity:0;visibility:hidden;font:9px var(--mono);color:var(--muted);white-space:nowrap;letter-spacing:.05em;align-items:center;gap:12px;display:flex;position:absolute;top:32%;left:50%;transform:translate(-50%)}.storyAnnotation i{background:var(--line);width:30px;height:1px}.storyBottom{z-index:8;pointer-events:none;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;bottom:76px;left:max(24px,50% - 620px);right:max(24px,50% - 620px)}.storyPalettePicker,.storyNext{pointer-events:auto}.storyModel{font:10px var(--mono);letter-spacing:.12em;align-items:center;gap:10px;display:flex}.storyStatus{background:var(--accent);border-radius:50%;width:6px;height:6px}.storyModel small{color:#96909e;letter-spacing:.06em;margin-top:8px;font-size:8px;display:block}.storyModel i{color:#c5bece;margin:0 5px;font-style:normal}.storyPalettePicker{opacity:0;visibility:hidden}.storyPaletteLabel{display:none}.storyDesigns{backdrop-filter:blur(12px);background:#fffd;border-radius:8px;gap:16px;padding:6px 10px;display:flex}.storyDesigns button{color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;align-items:center;gap:8px;padding:4px 0 7px;font-size:10px;transition:border-color .2s,color .2s;display:flex}.storyDesigns img{border-radius:3px;width:27px;height:27px}.storyDesigns button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.storyNext{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:24px;font-size:11px;display:none}.isAnimated .storyNext{display:flex}.storyNext span{color:var(--ink);font-size:22px}.storyReview{font:7px var(--mono);letter-spacing:.08em;color:#a3a0aa;margin:0;position:absolute;bottom:18px;right:max(24px,50% - 620px)}.storyChapter{font:8px var(--mono);letter-spacing:.1em;color:#77717f;align-items:center;gap:10px;display:flex;position:absolute;bottom:18px;left:max(24px,50% - 620px)}.storyChapter b{color:var(--accent);font-weight:500}.storyChapter i{color:#c0bac6;margin-left:10px;font-style:normal}.storyProgress{background:#efedf6;height:2px;position:absolute;bottom:0;left:0;right:0}.storyProgress i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.storyDeveloper{text-align:center;opacity:0;visibility:hidden;z-index:8;position:absolute;top:44%;left:8%;right:8%}.storyDeveloper>p{color:var(--muted);margin-bottom:45px;font-size:18px}.storyDeveloper ol{justify-content:center;gap:0;margin:0 0 40px;padding:0;list-style:none;display:flex}.storyDeveloper li{font:11px var(--mono);letter-spacing:.03em;padding:0 24px;position:relative}.storyDeveloper li+li:before{content:"→";color:#aaa4c4;position:absolute;top:22px;left:-4px}.storyDeveloper small{color:var(--accent);margin-bottom:12px;font-size:9px;display:block}.storyFallback{text-align:center;max-width:800px;color:var(--muted);margin:auto;padding:0 6% 50px}.storyFallback a{color:var(--accent)}.productStory.isAnimated{height:620svh}.isAnimated .storyViewport{top:var(--story-offset);height:calc(100svh - var(--story-offset));min-height:550px;position:sticky}.isAnimated .storyFallback{display:none}.storyDesigns button:focus-visible,.storyNext:focus-visible,.storyTop a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (width>=1600px){.storyProduct{width:min(64vh,700px)}}@media (width<=900px){.storyTop{left:5%;right:5%}.storyHeading{top:14%;left:4%;right:4%}.storyTitle{font-size:clamp(42px,7vw,68px)!important}.storyProduct{width:min(75vw,56vh)}.storyModel small{max-width:160px;line-height:1.5}.storyBottom{left:5%;right:5%}.storyDesigns button span{display:none}.storyDesigns button{padding:4px}.storyDeveloper li{padding:0 14px;font-size:9px}.storySurface{width:21vw}.storySurface.surface2,.storySurface.surface3{width:14vw}}@media (width<=600px){.storyViewport{height:710px}.storyTop{font-size:8px;top:18px}.storyTop a{font-size:9px}.storyHeading{top:13%}.storyHeading .eyebrow{font-size:8px}.storyProduct{width:92vw;max-width:480px;top:53%}.storyBottom{flex-wrap:wrap;bottom:60px}.storyNext{gap:10px;margin-left:auto;font-size:10px}.storyReview{font-size:7px}.storyDesigns{position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.storyDeveloper{top:40%;left:5%;right:5%}.storyDeveloper>p{margin-bottom:25px;font-size:15px}.storyDeveloper ol{flex-wrap:wrap;gap:20px 0}.storyDeveloper li{padding:0 12px}.storyDeveloper .button{font-size:12px}.storySurface{width:23vw}.storySurface.surface2,.storySurface.surface3{width:16vw}.storyArtwork{width:100px}.storyAnnotation{gap:5px;font-size:7px;top:33%}.storyTitle{font-size:42px!important}.storyTop>span{max-width:160px;line-height:1.6}.storyTop i{margin:0 4px}.storyReview{text-align:right;max-width:185px;font-size:6px;line-height:1.6;left:auto;right:5%}.storyChapter{gap:6px;font-size:7px;left:5%}.storyChapter i{margin-left:3px}.storyModel{margin-left:42px;font-size:9px}.storyDesigns{gap:18px;padding:6px 10px}.storyDesigns button{padding:4px 0 7px}.storyAtmosphere svg{width:130vw}.storyTitle[data-title="4"]{font-size:34px!important}}@media (prefers-reduced-motion:reduce){.storyHalo,.storyAtmosphere{display:none}}@media (width<=600px){.storyPreviousLink{display:none}.storyVersionLinks{gap:0}}