.story{--story-p:0;--story-gutter:clamp(24px, 3.33vw, 48px);--story-col:clamp(340px, 30vw, 480px);--story-edge:24px;--story-dock-left:round(calc(var(--story-gutter) + var(--story-col) + 48px), 1px);--story-pin:min(46dvh, calc(62.5vw + 96px))}.story-panel{z-index:20;height:var(--story-pin);background:var(--background);margin-inline:-24px;position:sticky;top:56px}.story-field{background:var(--muted);height:100%;position:relative;overflow:hidden}.story-dock,.story-layers,.story-layer,.story-marks{position:absolute;inset:0}@media (min-width:64rem){.story-panel{z-index:0;height:auto;clip-path:inset(calc(var(--story-edge) * var(--story-p)) calc(var(--story-edge) * var(--story-p)) calc(var(--story-edge) * var(--story-p)) calc(var(--story-dock-left) * var(--story-p)) round calc(var(--radius-xl) * var(--story-p)));background:0 0;margin:0;padding:0;position:fixed;inset:0}.story-field{height:auto;position:absolute;inset:0}.story-dock{inset:var(--story-edge) var(--story-edge) var(--story-edge) var(--story-dock-left)}.story-layers{transform:scale(calc(1 + .03 * (1 - var(--story-p))));transform-origin:50%}.story[data-presenting]{--story-dock-left:var(--story-edge);--story-p:0!important}.story[data-presenting] .story-layers{transform:none}.story[data-full]{--story-dock-left:var(--story-edge);--story-p:0!important}.story[data-full] .story-layers{opacity:0;pointer-events:none;transform:none}.story[data-mode-change] .story-layers{transition:opacity var(--duration-base) var(--motion-glide)}.story .story-dock.case-study-dot-grid:before{inset:calc(-1 * var(--story-edge)) calc(-1 * var(--story-edge)) calc(-1 * var(--story-edge)) calc(-1 * var(--story-dock-left));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--story-dock-left) var(--story-edge);mask-position:var(--story-dock-left) var(--story-edge);-webkit-mask-size:calc(100% - var(--story-dock-left) - var(--story-edge)) calc(100% - 2 * var(--story-edge));mask-size:calc(100% - var(--story-dock-left) - var(--story-edge)) calc(100% - 2 * var(--story-edge))}.story[data-mode-change] .story-dock.case-study-dot-grid:before{transition:opacity var(--duration-base) var(--motion-glide), inset var(--duration-slow) var(--motion-glide), mask-position var(--duration-slow) var(--motion-glide), mask-size var(--duration-slow) var(--motion-glide)}.story[data-mode-change] .story-panel{transition:clip-path var(--duration-slow) var(--motion-glide)}.story[data-mode-change] .story-dock{transition:inset var(--duration-slow) var(--motion-glide)}.story-text>*{transition:opacity var(--duration-base) var(--motion-glide)}.story[data-presenting] .story-text{pointer-events:none}.story[data-presenting] .story-text>:not([data-step-full]){opacity:0}}.story-layer{opacity:0;transition:opacity var(--duration-base) var(--motion-glide), scale var(--duration-base) var(--motion-glide);scale:.985}.story-layer[data-showing]{opacity:1;transition-duration:var(--duration-slow);scale:1}@starting-style{.story-layer[data-showing]{opacity:0;scale:.985}}.story{--pen:#79716b}@supports (color:lab(0% 0 0)){.story{--pen:lab(48.1164% 2.35701 4.26852)}}.story[data-tone=dark] .story-marks{--pen:#a6a09b}@supports (color:lab(0% 0 0)){.story[data-tone=dark] .story-marks{--pen:lab(66.2166% 1.88044 3.20326)}}.story-marks{z-index:5;pointer-events:none}.story-ring{width:var(--ring-w);height:var(--ring-h);border:1.5px solid var(--pen);border-radius:var(--ring-r);translate:var(--ring-x) var(--ring-y);opacity:0;transition:translate var(--duration-slow) var(--motion-glide), width var(--duration-slow) var(--motion-glide), height var(--duration-slow) var(--motion-glide), border-radius var(--duration-slow) var(--motion-glide), opacity var(--duration-fast) var(--motion-glide), scale var(--duration-base) var(--motion-glide), background-color var(--duration-fast) var(--motion-glide), box-shadow var(--duration-fast) var(--motion-glide), border-color var(--duration-fast) var(--motion-glide);background:0 0;position:absolute;top:0;left:0;scale:.96}.story-ring[data-phase=in]{opacity:1;transition-delay:0s, 0s, 0s, 0s, calc(var(--stagger-delay) * var(--ring-i)), calc(var(--stagger-delay) * var(--ring-i)), 0s, 0s, 0s;scale:1}.story-ring[data-snap]{transition-property:opacity,scale,background-color,box-shadow,border-color;transition-delay:calc(var(--stagger-delay) * var(--ring-i)), calc(var(--stagger-delay) * var(--ring-i)), 0s, 0s, 0s}.story-marks[data-focus] .story-ring[data-phase=in]:not([data-focused]){opacity:.28}.story-marks[data-many]:not([data-focus]) .story-ring[data-phase=in]{opacity:.45}.story-marks[data-quiet] .story-ring[data-phase=in]:not([data-focused]){opacity:0}.story-marks[data-quiet] .story-ring-tag{display:none}.story-ring[data-focused]{border-color:var(--mark);background:color-mix(in oklab, var(--mark) 8%, transparent);box-shadow:0 0 0 4px color-mix(in oklab, var(--mark) 16%, transparent)}.story-ring-tag{background:var(--pen);width:20px;height:20px;color:var(--background);font-variant-numeric:tabular-nums;pointer-events:auto;cursor:default;transition:background-color var(--duration-fast) var(--motion-glide), color var(--duration-fast) var(--motion-glide);border-radius:999px;place-items:center;font-size:11px;font-weight:500;line-height:1;display:grid;position:absolute;top:-10px;left:-10px}.story-ring[data-focused] .story-ring-tag,.story-ring-tag:hover{background:var(--mark);color:var(--mark-foreground)}.story-connector{z-index:25;pointer-events:none;width:100vw;height:100dvh;position:fixed;inset:0;overflow:visible}.story-connector path{fill:none;stroke:var(--mark);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;animation:story-draw var(--duration-base) var(--motion-glide) both}@keyframes story-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.story-team{align-items:center;display:flex;position:relative}.story-team-face{cursor:default}.story-team-face:focus-visible{z-index:1;outline:2px solid var(--foreground);outline-offset:2px}.story section[data-step]{scroll-margin-top:calc(56px + var(--story-pin) + 24px)}.story section[data-step-full]{scroll-margin-top:56px}@media (min-width:64rem){.story section[data-step]{scroll-margin-top:calc(40dvh - 2px)}}@media (max-width:63.99rem){.story section[data-step]+section[data-step]{margin-top:64px}.story section[data-step]:last-child:not([data-step-full]){margin-bottom:30dvh}.story section[data-step-full]{z-index:21;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--background);min-height:calc(100dvh - 56px);margin-inline:-24px;padding:56px 24px 0;position:relative}.story section[data-step-full]+section[data-step-full]{border-radius:0;margin-top:0}.story-full-body>.story-title+*{margin-top:32px}}.story-mark-row{border-radius:var(--radius-sm);text-align:left;cursor:default;width:100%;transition:background-color var(--duration-fast) var(--motion-glide);align-items:flex-start;gap:10px;margin-inline:-8px;padding:6px 8px;display:flex}.story-mark-row:hover,.story-mark-row:focus-visible,.story-mark-row[data-focused]{background:color-mix(in oklab, var(--mark) 7%, transparent);transition-duration:0s}.story-mark-row:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.story-mark-slot{flex:none;place-items:center;height:1lh;display:grid}.story-mark-num{border:1.5px solid var(--pen);width:18px;height:18px;color:var(--pen);font-variant-numeric:tabular-nums;transition:background-color var(--duration-fast) var(--motion-glide), border-color var(--duration-fast) var(--motion-glide), color var(--duration-fast) var(--motion-glide);border-radius:999px;place-items:center;font-size:11px;font-weight:500;line-height:1;display:grid}.story-ring:is([data-grade=partial],[data-grade=no]){border-style:dashed}.story-ring-note{background:var(--mark);width:max-content;max-width:min(320px,70vw);color:var(--mark-foreground);opacity:0;transition:opacity var(--duration-fast) var(--motion-glide), translate var(--duration-fast) var(--motion-glide);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:500;line-height:16px;position:absolute;bottom:calc(100% + 6px);left:-1.5px;translate:0 2px}.story-ring[data-grade=no] .story-ring-note{top:12px;bottom:auto;left:12px}.story-ring[data-focused] .story-ring-note{opacity:1;translate:0}.story-mark-row[data-grade=partial] .story-mark-dot{border:1.5px solid var(--muted-foreground);background:0 0;width:7px;height:7px}.story-mark-row[data-grade=no] .story-mark-dot{border-radius:1px;width:7px;height:1.5px}.story-mark-row[data-grade=no]>.story-ink:last-child{color:var(--muted-foreground)}.story-mark-row>.story-ink:last-child{transition:color var(--duration-base) var(--motion-glide)}.story-mark-row:is(:hover,[data-focused])[data-grade=partial] .story-mark-dot{border-color:var(--mark);background:0 0}.story-mark-dot{background:var(--muted-foreground);width:5px;height:5px;transition:background-color var(--duration-fast) var(--motion-glide);border-radius:999px}.story-mark-row:hover .story-mark-dot,.story-mark-row[data-focused] .story-mark-dot{background:var(--mark);transition-duration:0s;mix-blend-mode:normal!important}.story-lede-row .story-mark-slot{width:7px}.story-lede-row{gap:9px;padding-block:4px}.story-mark-row:hover .story-mark-num,.story-mark-row[data-focused] .story-mark-num{border-color:var(--mark);background:var(--mark);color:var(--mark-foreground);transition-duration:0s}@media (prefers-reduced-motion:reduce){.story-layers{transform:none}}.story{isolation:isolate;background:var(--background);min-height:100dvh;position:relative}.story-field:before{content:"";opacity:0;transition:opacity var(--duration-slow) var(--motion-glide);background:radial-gradient(120% 90% at 50% 40%,#1c1917 0%,#131110 55%,#0c0a09 100%);position:absolute;inset:0}.story[data-tone=dark] .story-field:before{opacity:1}.story[data-tone=dark] .story-dock.case-study-dot-grid:before{opacity:0}@media (min-width:64rem){.story-panel{z-index:-1}.story-field:before{background:radial-gradient(120% 90% at calc((var(--story-dock-left) + 100vw - var(--story-edge)) / 2) 40%, #1c1917 0%, #131110 55%, #0c0a09 100%)}html:not(.dark) .story[data-tone=dark]:not([data-docked]) .story-text{--foreground:#fff;--muted-foreground:color-mix(in srgb, #868e94 calc(var(--story-p,0) * 100%), #bbb2ac);--border:#3a3a3a;--ring:#868e94;--background:#000}html:not(.dark) .story[data-tone=dark]:not([data-docked]) .story-text :is(h1,h2,h3,p,dt,.story-ink):not(.story-caption *){mix-blend-mode:difference}html:not(.dark) .story[data-tone=dark]:not([data-docked]) :is(.story-text,.story-back) [data-slot=button][data-variant=secondary]{--card:color-mix(in srgb, #fff calc(var(--story-p,0) * 100%), #292524);--muted:color-mix(in srgb, #f5f5f4 calc(var(--story-p,0) * 100%), #3a3532);--secondary-foreground:color-mix(in srgb, #0c0a09 clamp(0%, calc((var(--story-p,0) - .45) * 1000%), 100%), #fafaf9)}html:not(.dark) .story[data-tone=dark]:not([data-docked]) .story-caption{mix-blend-mode:difference}.story-hero-foot{top:0;left:var(--story-gutter);width:var(--story-col);pointer-events:none;flex-direction:column;justify-content:flex-end;height:100dvh;padding-bottom:40px;display:flex;position:absolute}.story-hero-foot>*{pointer-events:auto}.story-hero-foot :is(dt,.story-ink,dd>div){opacity:clamp(0, calc(1 - var(--story-p,0) * 3.5), 1)}.story[data-docked] .story-hero-foot{visibility:hidden}}.story>header h1,.story-title{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.75rem,1.1rem + 1.9vw,3.25rem);line-height:1.08}.story-lede{margin-top:clamp(8px,1vw,16px)}.story-lede-list{letter-spacing:-.01em;font-size:clamp(1.125rem,.75rem + .5vw,1.375rem);font-weight:400;line-height:1.3}@media (min-width:64rem){.story-caption{transition:opacity var(--duration-base) var(--motion-glide), translate var(--duration-base) var(--motion-glide), visibility 0s linear var(--duration-base);position:sticky;top:80px}[data-step]:not([data-step-state=pending])>.story-caption{left:calc(var(--story-gutter) - 24px);width:calc(var(--story-col) + 48px);padding-inline:24px;position:fixed}[data-step-state=on]>.story-caption{transition-duration:var(--duration-slow), var(--duration-slow), 0s;transition-delay:60ms,0s,0s}[data-step-state=off]>.story-caption{opacity:0;visibility:hidden;translate:0 8px}[data-step-past]>.story-caption{translate:0 -4px}[data-step-tall]>.story-caption{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 min(24px, var(--story-lift,0px)));mask-image:linear-gradient(to bottom, transparent, #000 min(24px, var(--story-lift,0px)))}[data-step-tall]>.story-caption>.story-caption-body{transform:translateY(calc(-1 * var(--story-lift,0px)))}}@media (min-width:64rem) and (prefers-reduced-motion:reduce){.story-caption{transition:none}}@media (min-width:64rem){.story-caption-full,[data-step]:not([data-step-state=pending])>.story-caption-full{left:var(--story-gutter);width:calc(100vw - 2 * var(--story-gutter));pointer-events:none;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 160px);padding-inline:0;display:flex}.story-full-body{width:fit-content;max-width:min(1280px,100vw - 192px)}:not([data-step-state=off])>.story-caption-full .story-full-body{pointer-events:auto}.story-full-body>.story-title+*{margin-top:clamp(32px,3.3vw,56px)}}.story-back{display:none}@media (min-width:64rem){.story-back{top:24px;left:var(--story-gutter);z-index:30;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--motion-glide), translate var(--duration-base) var(--motion-glide);display:block;position:fixed;translate:0 -8px}.story-back[data-show]{opacity:1;pointer-events:auto;translate:0}}@media (min-width:64rem) and (prefers-reduced-motion:reduce){.story-back{transition:opacity var(--duration-base) var(--motion-glide);translate:none}}.story{--story-corner:12px}@media (max-width:63.99rem){.story-panel .story-nav{display:none}}@media (min-width:64rem){.story{--story-corner:16px}.story:is([data-presenting],[data-full]){--story-corner:0px}.story[data-mode-change] .story-present{transition:top var(--duration-slow) var(--motion-glide), right var(--duration-slow) var(--motion-glide)}.story[data-mode-change] :is(.story-nav,.story-hud){transition:bottom var(--duration-slow) var(--motion-glide), right var(--duration-slow) var(--motion-glide)}}@media (min-width:64rem) and (prefers-reduced-motion:reduce){.story[data-mode-change] :is(.story-nav,.story-present,.story-hud){transition:none}}.story-present{top:var(--story-corner);right:var(--story-corner);z-index:6;position:absolute}.story-hud{display:none}@media (min-width:64rem){.story-hud{right:calc(var(--story-corner) + 32px + 12px);bottom:var(--story-corner);z-index:6;max-width:calc(100% - 2 * var(--story-corner) - 44px - 24px);white-space:nowrap;height:32px;color:var(--muted-foreground);pointer-events:none;flex-direction:row-reverse;align-items:center;gap:12px;margin:0;font-size:12px;line-height:16px;display:flex;position:absolute}.story-hud span+span{text-overflow:ellipsis;min-width:0;color:var(--foreground);overflow:hidden}.story[data-tone=dark] .story-hud{color:#ffffff8c;color:lab(100% 0 0/.55)}.story[data-tone=dark] .story-hud span+span{color:#ffffffeb;color:lab(100% 0 0/.92)}}.story-present .story-present-glyph[data-dir=out]{fill:color-mix(in oklab, currentColor 0%, transparent);transition:fill var(--duration-fast) var(--motion-glide)}.story-present [data-slot=button]:is(:hover,:focus-visible) .story-present-glyph[data-dir=out]{fill:currentColor;transition-duration:0s}.story-chapter{place-items:center;width:32px;height:32px;display:grid}.story-chapter>*{grid-area:1/1}.story-chapter-ring{animation:story-chapter-mark var(--duration-base) var(--motion-glide) both;display:block}.story-chapter-track{stroke:color-mix(in oklab, var(--foreground) 18%, transparent)}.story-chapter-fill{stroke:var(--foreground);transition:stroke-dashoffset var(--duration-slow) var(--motion-glide)}.story-chapter-mark{object-fit:cover;width:20px;height:20px;animation:story-chapter-mark var(--duration-base) var(--motion-glide) both;border-radius:9999px;display:block}.story-chapter-deck{width:16px;height:16px;color:var(--foreground);border-radius:0}@keyframes story-chapter-mark{0%{opacity:0;filter:blur(var(--blur-icon));scale:.8}}@media (prefers-reduced-motion:reduce){.story-chapter-fill{transition:none}.story-chapter-ring,.story-chapter-mark{animation:none}}.story-nav{--p:var(--morph-p,0);right:calc(var(--story-corner) - 8px);bottom:calc(var(--story-corner) - 8px);z-index:7;background:color-mix(in oklab, var(--popover) calc(100% * var(--p)), transparent);--elev-s:calc(4px + 12px * var(--p));--elev-i:calc(.05 * var(--p));--elev-ring:rgb(0 0 0/calc(.05 * var(--p)));width:48px;height:48px;box-shadow:0 calc(.125 * var(--elev-s)) calc(.125 * var(--elev-s)) 0 rgb(0 0 0/calc(1 * var(--elev-i))), 0 calc(.375 * var(--elev-s)) calc(.25 * var(--elev-s)) 0 rgb(0 0 0/calc(.75 * var(--elev-i))), 0 calc(.75 * var(--elev-s)) calc(.375 * var(--elev-s)) 0 rgb(0 0 0/calc(.5 * var(--elev-i))), 0 calc(1.25 * var(--elev-s)) calc(.5 * var(--elev-s)) 0 rgb(0 0 0/calc(.25 * var(--elev-i))), 0 0 0 1px var(--elev-ring);color:var(--foreground);border-radius:24px;position:absolute;overflow:hidden}.story-nav.dark{--elev-ring:rgb(255 255 255/calc(.18 * var(--p)))}.story-nav[data-morphing=true]{will-change:transform, width, height}.story-nav-trigger{cursor:pointer;border-radius:9999px;width:32px;height:32px;display:block;position:absolute;bottom:8px;right:8px}.story-nav-trigger:hover .story-chapter-track,.story-nav-trigger:focus-visible .story-chapter-track{stroke:color-mix(in oklab, var(--foreground) 40%, transparent)}.story-nav-trigger:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.story-nav[data-morphing=true] .story-nav-trigger:focus-visible{outline:none}.story-nav-reveal{opacity:clamp(0, (var(--p) - .25) * 2, 1)}.story-nav[data-open=false] .story-nav-reveal{pointer-events:none}.story-nav-head{border-top:1px solid var(--border);white-space:nowrap;align-items:center;gap:8px;width:320px;height:48px;padding:0 48px 0 12px;display:flex;position:absolute;bottom:0;right:0}.story-nav-heading{text-overflow:ellipsis;min-width:0;font-size:var(--text-sm);color:var(--foreground);font-weight:500;line-height:1.5;overflow:hidden}.story-nav-where{font-size:var(--text-xs);color:var(--muted-foreground);flex:1;line-height:1.4}.story-nav-esc{border-radius:var(--radius-sm);cursor:pointer;display:inline-flex}.story-nav-esc:hover kbd{color:var(--foreground)}.story-nav-esc:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.story-nav-face{flex-direction:column;width:320px;display:flex;position:absolute;bottom:48px;right:0}.story-nav-list{outline:none;flex:1;min-height:0;padding:6px;overflow-y:auto}.story-nav-exit{border-bottom:1px solid var(--border);flex:none;padding:6px}.story-nav-exit .story-nav-row:hover,.story-nav-exit .story-nav-row:focus-visible{background-color:var(--muted);color:var(--foreground);transition-duration:0s}.story-nav-exit .story-nav-row:focus-visible{outline:2px solid var(--foreground);outline-offset:-2px}.story-nav-exit svg{width:16px;height:16px;color:var(--muted-foreground);flex:none;margin-inline:1px}.story-nav-label{font-size:var(--text-xs);letter-spacing:.01em;color:var(--muted-foreground);padding:8px 8px 4px;line-height:1.4}.story-nav-group+.story-nav-group{margin-top:2px}.story-nav-row{border-radius:var(--radius-sm);width:100%;height:32px;font-size:var(--text-small);text-align:left;color:var(--muted-foreground);cursor:pointer;transition:background-color var(--duration-fast) var(--motion-glide);align-items:center;gap:10px;padding:0 10px 0 8px;line-height:1.45;display:flex}.story-nav-row[data-active]{background-color:var(--muted);color:var(--foreground);transition-duration:0s}.story-nav-row[data-current]{color:var(--foreground)}.story-nav-row[data-current]:after{content:"";background:var(--foreground);border-radius:9999px;width:5px;height:5px;margin-left:auto}.story-nav-num{width:18px;font-size:var(--text-xs);color:var(--muted-foreground);flex:none;line-height:1.4}.story-nav-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.story-nav-reveal{opacity:0!important;transition:opacity var(--duration-fast) linear!important}.story-nav[data-open=true] .story-nav-reveal{opacity:1!important}}.story-sheet-trigger{cursor:pointer;border-radius:9999px;width:32px;height:32px;display:block;position:relative}.story-sheet-trigger:before{content:"";position:absolute;inset:-6px}.story-sheet-trigger:hover .story-chapter-track,.story-sheet-trigger:focus-visible .story-chapter-track{stroke:color-mix(in oklab, var(--foreground) 40%, transparent)}.story-sheet-trigger:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.story-sheet-head{flex:none;align-items:baseline;gap:8px;padding:12px 16px 10px;display:flex}.story-sheet-heading{font-size:var(--text-sm);color:var(--foreground);font-weight:500;line-height:1.5}.story-sheet-where{font-size:var(--text-xs);color:var(--muted-foreground);line-height:1.4}.story-sheet-row{border-radius:var(--radius-md);width:100%;min-height:44px;font-size:var(--text-sm);text-align:left;color:var(--muted-foreground);cursor:pointer;transition:background-color var(--duration-fast) var(--motion-glide);align-items:center;gap:10px;padding:10px 12px 10px 8px;line-height:1.5;display:flex}.story-sheet-row:focus-visible{background-color:var(--muted);color:var(--foreground);transition-duration:0s}@media (hover:hover){.story-sheet-row:hover{background-color:var(--muted);color:var(--foreground);transition-duration:0s}}.story-sheet-row:focus-visible{outline:2px solid var(--foreground);outline-offset:-2px}.story-sheet-row[data-current]{color:var(--foreground)}.story-sheet-row[data-current]:after{content:"";background:var(--foreground);border-radius:9999px;flex:none;width:5px;height:5px;margin-left:auto}.story-sheet-row svg{width:16px;height:16px;color:var(--muted-foreground);flex:none;margin-inline:1px}.story-sheet-title{text-wrap:pretty;min-width:0}