.hero{--hero-l:3.5em;--hero-r:1.8em;--stop-x:-.098em;--stop-y:-.05em;--hero-delay:.3s;--hero-orbit-time:1.15s;--hero-glide-time:.75s;--hero-header:6.875rem;--hero-ground:19rem;--hero-sky-floor:calc(var(--text-display) * 6);--hero-sky:clamp(var(--hero-sky-floor), calc(100svh - var(--hero-header) - var(--hero-ground)), 46rem)}@media (width>=48rem){.hero{--hero-ground:15rem}}@media (width>=64rem){.hero{--hero-header:7.875rem;--hero-sky-floor:calc(var(--text-display) * 1.92 + 6rem);--hero-r:min(1.3em, calc((var(--hero-sky) - 3rem) / 3.45));--hero-l:calc(var(--hero-r) * 2.46)}}.hero-sky{overflow:clip}.hero-frame{justify-content:space-between;gap:var(--spacing-3xl);min-height:var(--hero-sky);padding-top:var(--spacing-xl);flex-direction:column;display:flex}.hero-title{max-width:7.2em;font-size:var(--text-display);line-height:var(--text-display--line-height);letter-spacing:var(--text-display--letter-spacing);font-weight:var(--text-display--font-weight);font-stretch:var(--stretch-display);text-wrap:balance;text-box:trim-both cap alphabetic}@supports not (text-box:trim-both cap alphabetic){.hero-title{margin-bottom:-.146em}}.hero-ground{position:relative;overflow:clip}.hero-descenders{inset-inline:0;color:var(--fg);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:100%}.hero-body{gap:var(--spacing-xl);padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-3xl);padding-left:calc(var(--spacing-margin) + var(--spine-x) + var(--spacing-lg));display:grid;position:relative}.hero-spine{top:0;bottom:0;left:calc(var(--spacing-margin) + var(--spine-x));background:var(--line-strong);width:1px;position:absolute}.hero-lead{max-width:34rem}.hero-actions{align-items:center;gap:var(--spacing-md) var(--spacing-xl);flex-wrap:wrap;display:flex}@media (width>=64rem){.hero-body{column-gap:var(--spacing-gutter);padding-left:var(--spacing-margin);grid-template-columns:repeat(12,minmax(0,1fr))}.hero-lead,.hero-actions{grid-column:6/span 6}}.hero-stop{white-space:nowrap;color:var(--accent)}.hero-descenders .hero-stop{color:inherit}.hero-anchor{width:0;height:0;display:inline-block;position:relative}.hero-geo{left:var(--stop-x);top:var(--stop-y);transform:rotate(calc(-1 * var(--trajectory-angle)));transform-origin:0 0;position:absolute}.hero-line{width:calc(var(--hero-l) - .14em);background:var(--line-strong);height:1px;position:absolute;top:-.5px;left:.14em}.hero-orbit{left:calc(var(--hero-l) - var(--hero-r));top:calc(-2 * var(--hero-r));width:calc(2 * var(--hero-r));height:calc(2 * var(--hero-r));border:1px solid var(--line-strong);border-radius:50%;position:absolute}.hero-mover{position:absolute;top:0;left:0}.hero-rotor{left:var(--hero-l);top:calc(-1 * var(--hero-r));position:absolute}.hero-point{left:-.04em;top:calc(var(--hero-r) - .04em);background:var(--accent);opacity:0;border-radius:50%;width:.08em;height:.08em;position:absolute}:root[data-intro]:not([data-intro=done]) .hero-sky .hero-stop{color:#0000}@media (prefers-reduced-motion:no-preference){:root:not([data-intro]) .hero-sky .hero-stop,:root[data-intro=done] .hero-sky .hero-stop{animation:hero-stop-land calc(var(--hero-orbit-time) + var(--hero-glide-time)) steps(1, end) var(--hero-delay) both}:root:not([data-intro]) .hero-point,:root[data-intro=done] .hero-point{animation:hero-point-life calc(var(--hero-orbit-time) + var(--hero-glide-time)) linear var(--hero-delay) both}:root:not([data-intro]) .hero-rotor,:root[data-intro=done] .hero-rotor{animation:hero-orbit-pass var(--hero-orbit-time) var(--ease-launch) var(--hero-delay) both}:root:not([data-intro]) .hero-mover,:root[data-intro=done] .hero-mover{animation:hero-glide var(--hero-glide-time) var(--ease-settle) calc(var(--hero-delay) + var(--hero-orbit-time)) both}}@keyframes hero-stop-land{0%{color:#0000}to{color:var(--accent)}}@keyframes hero-point-life{0%{opacity:0}6%,99%{opacity:1}to{opacity:0}}@keyframes hero-orbit-pass{0%{rotate:-200deg}to{rotate:0deg}}@keyframes hero-glide{0%{translate:0}to{translate:calc(-1 * var(--hero-l)) 0}}.logo-artwork{aspect-ratio:1681/447;background-color:currentColor;display:block;-webkit-mask:url(/assets/logo-mask-480-Br2uCi2L.webp) 50%/contain no-repeat;mask:url(/assets/logo-mask-480-Br2uCi2L.webp) 50%/contain no-repeat}.logo-artwork[data-size=large]{-webkit-mask-image:url(/assets/logo-mask-BkZOvxUZ.webp);mask-image:url(/assets/logo-mask-BkZOvxUZ.webp)}@media (forced-colors:active){.logo-artwork{forced-color-adjust:none;background-color:canvastext}}.intro{display:none}:root[data-intro=full] .intro,:root[data-intro=short] .intro,:root[data-intro=reduced] .intro{z-index:100;background:0 0;animation:0s linear 3.6s forwards intro-backstop;display:block;position:fixed;inset:0;overflow:hidden}@keyframes intro-backstop{to{visibility:hidden;pointer-events:none}}.intro-bg{background:var(--surface);position:absolute;inset:0}.intro-art,.intro-svg{width:100%;height:100%;position:absolute;inset:0}.intro-svg line,.intro-svg path{fill:none;stroke-linecap:round}.intro-svg .is-signal{stroke:var(--accent)}.i-orbit-faint{fill:none;stroke:var(--line);stroke-width:1.2px;opacity:0;animation:1.06s linear forwards i-cruise}.i-streaks line{stroke:var(--line-strong);stroke-width:1.4px;opacity:0;animation:1s linear forwards i-streak}.i-streaks line:nth-child(2){animation-duration:.76s;animation-delay:.12s}.i-streaks line:nth-child(3){animation-duration:.9s;animation-delay:60ms}.i-streaks line:nth-child(4){animation-duration:.82s;animation-delay:.2s}.i-streaks line:nth-child(5){animation-duration:.7s;animation-delay:.26s}.i-streaks line:nth-child(6){animation-duration:.88s;animation-delay:.15s}.i-point{opacity:0;animation:1.06s linear forwards i-cruise}.i-trail{fill:var(--accent);opacity:.45}.i-dot{fill:var(--accent);transform-origin:440px 540px;animation:1.06s linear forwards i-squash}@keyframes i-cruise{0%{opacity:0}20%,85%{opacity:1}to{opacity:0}}@keyframes i-streak{0%{opacity:0;transform:translate(43.2px,-41.7px)}15%,80%{opacity:.9}to{opacity:0;transform:translate(-100.7px,97.3px)}}@keyframes i-squash{0%,82%{transform:none}92%{transform:rotate(-44deg)scale(.7,1.35)rotate(44deg)}to{transform:rotate(-44deg)scale(1.6,.6)rotate(44deg)}}.i-flare{fill:var(--fg);opacity:0;transform-origin:440px 540px;animation:i-flare .26s var(--ease-settle) .97s forwards}.i-burst{fill:none;stroke:var(--fg);stroke-width:1.5px;opacity:0;transform-origin:440px 540px;animation:i-burst .44s var(--ease-settle) .98s forwards}.i-ticks line{stroke:var(--fg);stroke-width:1.4px;opacity:0;animation:.32s linear .99s forwards i-blink}@keyframes i-flare{0%{opacity:.85;transform:scale(.15)}to{opacity:0;transform:scale(1)}}@keyframes i-burst{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}@keyframes i-blink{0%{opacity:0}20%{opacity:1}to{opacity:0}}.i-strands line{stroke:var(--fg);stroke-width:1.6px;stroke-dasharray:1;stroke-dashoffset:1px;animation:i-draw .24s var(--ease-travel) 1.05s forwards, i-vanish .16s linear 1.36s forwards}.i-strands line:nth-child(odd){stroke-width:1.2px}.i-fragments path{stroke:var(--fg);stroke-width:1.6px;stroke-dasharray:1;stroke-dashoffset:1px;animation:i-draw .38s var(--ease-travel) 1.4s forwards, i-converge .43s var(--ease-settle) 1.8s forwards}.i-fragments path:first-child{--tx:60px;--ty:-79px}.i-fragments path:nth-child(2){--tx:-66px;--ty:-95px}.i-fragments path:nth-child(3){--tx:54px;--ty:72px}.i-fragments path:nth-child(4){--tx:-66px;--ty:78px}.i-fragments path:nth-child(5){--tx:42px;--ty:-156px}.i-drop{fill:var(--fg);opacity:0;animation:i-drop .8s var(--ease-travel) 1.45s forwards}@keyframes i-draw{to{stroke-dashoffset:0}}@keyframes i-vanish{to{opacity:0}}@keyframes i-converge{to{transform:translate(var(--tx), var(--ty));opacity:0}}@keyframes i-drop{0%{opacity:0;transform:translateY(-30px)}25%{opacity:1}60%{opacity:1;transform:translateY(90px)}to{opacity:0;transform:translate(-190px,183.5px)}}.intro-stage{place-items:center;display:grid;position:absolute;inset:0}.intro-lockup{--plate-w:clamp(16rem, 40vw, 34rem);--wipe:calc(1.45 * var(--plate-w));width:var(--plate-w);position:relative}.intro-plate{clip-path:polygon(0 100%,0 100%,0 100%);animation:i-wipe .34s var(--ease-settle) 2.25s forwards;background:0 0;padding:clamp(1.75rem,4vw,3.5rem);position:relative}.intro-logo{transform-origin:0 0;position:relative}.intro-ring{aspect-ratio:1;border:1px solid var(--logo);opacity:0;width:120%;animation:i-ring .56s var(--ease-settle) 2.3s forwards;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.intro-welcome{left:0;bottom:calc(100% + var(--spacing-md));color:var(--fg-muted);font-size:var(--text-meta);font-weight:var(--text-meta--font-weight);font-stretch:var(--stretch-label);letter-spacing:var(--text-meta--letter-spacing);text-transform:uppercase;white-space:nowrap;clip-path:inset(0 100% 0 0);animation:i-welcome .42s var(--ease-settle) 1.95s forwards;position:absolute}@keyframes i-welcome{0%{letter-spacing:.6em;clip-path:inset(0 100% 0 0)}to{letter-spacing:var(--text-meta--letter-spacing);clip-path:inset(0)}}.intro.is-handoff .intro-welcome{opacity:0;transition:opacity .15s linear}.intro-horizon{background:var(--line-strong);width:300vw;height:1px;animation:i-horizon .38s var(--ease-settle) 2.25s forwards;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}@keyframes i-wipe{to{clip-path:polygon(0 100%, 0 calc(100% - var(--wipe)), calc(var(--wipe) / .9657) 100%)}}@keyframes i-ring{0%{opacity:.9;scale:.55}to{opacity:0;scale:1.2}}@keyframes i-horizon{to{transform:translate(-50%)scaleX(1)}}.intro-patch{background:var(--surface);position:fixed}.intro-ground{clip-path:inset(100% 0 0);position:fixed;bottom:0;left:0;right:0}.intro.is-handoff .intro-ground{animation:i-ground-rise .4s var(--ease-settle) forwards, intro-fade-out .3s var(--ease-ui) .4s forwards}.intro-bg{clip-path:inset(0)}.intro.is-handoff .intro-bg{opacity:0;clip-path:inset(0 0 calc(100% - var(--horizon-top,100%)) 0);transition:opacity .3s var(--ease-ui) .4s, clip-path 0s linear .4s}@keyframes i-ground-rise{to{clip-path:inset(0)}}.intro.is-handoff .intro-art{opacity:0;transition:opacity .2s linear}.intro.is-handoff .intro-plate{clip-path:none;animation:none}.intro-skip{right:var(--spacing-margin);bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px));align-items:center;gap:var(--spacing-sm);min-height:var(--spacing-target);padding-inline:var(--spacing-md);border:1px solid var(--line-strong);background:var(--surface);color:var(--fg);font-size:var(--text-small);cursor:pointer;opacity:0;animation:.2s linear .3s forwards i-appear;display:inline-flex;position:absolute}.intro-skip:hover{border-color:var(--fg)}.intro-skip-key{font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--text-meta--letter-spacing);text-transform:uppercase;color:var(--fg-muted)}.intro.is-handoff .intro-skip{opacity:0;transition:opacity .15s linear;animation:none}@media (width<=47.99rem){.intro-skip{right:50%;translate:50%}}@keyframes i-appear{to{opacity:1}}:root[data-intro=short] .intro{animation-delay:1.6s}:root[data-intro=short] .intro-art{display:none}:root[data-intro=short] .intro-plate,:root[data-intro=short] .intro-horizon,:root[data-intro=short] .intro-welcome{animation-delay:0s}:root[data-intro=short] .intro-ring{animation-delay:60ms}:root[data-intro=short] .intro-skip{animation-delay:.15s}:root[data-intro=reduced] .intro{animation:.25s linear .65s forwards intro-fade-out,0s linear 1.2s forwards intro-backstop}:root[data-intro=reduced] .intro-art,:root[data-intro=reduced] .intro-ring,:root[data-intro=reduced] .intro-horizon{display:none}:root[data-intro=reduced] .intro-plate{clip-path:none;opacity:0;animation:.25s linear forwards i-appear}:root[data-intro=reduced] .intro-welcome{clip-path:none;animation:none}:root[data-intro=reduced] .intro-skip{opacity:1;animation:none}@keyframes intro-fade-out{to{opacity:0}}.story{--in-idea:1;--act-idea:.6;--out-idea:0;--in-talk:1;--act-talk:.7;--out-talk:0;--in-sketch:1;--act-sketch:1;--out-sketch:0;--in-system:1;--act-system:1;--out-system:0;--in-build:1;--act-build:1;--out-build:0;--in-laptop:1;--act-laptop:1;--out-laptop:0}.sb{gap:var(--spacing-xl) var(--spacing-lg);width:100%;max-width:calc(var(--container-content) + 2 * var(--spacing-margin));padding:var(--spacing-3xl) var(--spacing-margin) var(--spacing-4xl);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));margin-inline:auto;display:grid}.sb-panel{border:1px solid var(--porcelain-hairline);background:var(--porcelain);color:var(--ink);margin:0;position:relative}.sb-caption{top:var(--spacing-sm);left:var(--spacing-md);z-index:1;gap:var(--spacing-xs);background:var(--porcelain);max-width:calc(100% - 2rem);color:var(--ink);font-size:var(--text-small);align-items:baseline;line-height:1.3;display:flex;position:absolute}.sb-caption .font-mono{color:var(--copper-deep)}.sb-art{width:100%;height:auto;display:block;overflow:visible}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.sb{--panel:min(44cqw, 36rem);pointer-events:none;max-width:none;height:100svh;min-height:34rem;margin-top:calc(-1*max(100svh,34rem));padding:0;display:block;position:sticky;top:0;overflow:clip;container-type:size}.sb-panel{bottom:5cqh;left:var(--spacing-margin);right:var(--spacing-margin);transform:var(--pan,none);clip-path:var(--cut,polygon(0% 0%, 0% 0%, 0% 0%));border:0;position:absolute}.sb-panel[data-scene=idea]{clip-path:var(--cut,none)}.sb-caption{opacity:calc(1 - min(1, (1 - var(--in) + var(--out)) * 40))}.sb-panel[data-scene=laptop]{--grow:calc(var(--in) * (1 - var(--out)));--rise:8%;transform:translate(calc(var(--prod-x,0px) * (1 - var(--grow))), calc(-50% - var(--rise) * var(--grow) + var(--prod-y,0px) * (1 - var(--grow)))) scale(calc(.06 + .94 * var(--grow)));opacity:min(1, calc(var(--in) * 30), calc((1 - var(--out)) * 4));clip-path:none;background:0 0;top:50%;bottom:auto}.sb-panel[data-scene=laptop]:before{content:"";z-index:-1;--ground:clamp(0, (.8 - var(--out)) / .2, 1);--reach:calc((1 - var(--ground)) * var(--grow) / (.06 + .94 * var(--grow)));top:calc(50% * (1 - var(--ground)) + var(--rise) * var(--reach));left:calc(50% * (1 - var(--ground)));background:var(--porcelain);transform-origin:50% 0;width:3000vmax;height:1500vmax;transform:translate(calc(-50% - .7rem * var(--ground) + var(--prod-x,0px) * var(--reach)), calc(-.72rem * var(--ground) + var(--prod-y,0px) * var(--reach))) rotate(-44deg);position:absolute}@media (width>=48rem){.sb-panel{width:var(--panel);bottom:7cqh;right:auto}.sb-panel:is([data-scene=idea],[data-scene=sketch],[data-scene=build]){left:auto;right:5cqw}.sb-panel[data-scene=laptop]{--rise:2%;width:min(66cqw,52rem);transform:translate(calc(-50% + var(--prod-x,0px) * (1 - var(--grow))), calc(-50% - var(--rise) * var(--grow) + var(--prod-y,0px) * (1 - var(--grow)))) scale(calc(.06 + .94 * var(--grow)));left:50%;right:auto}.sb-panel:is([data-scene=talk],[data-scene=system]){left:auto;right:5cqw}}.story .story-label{display:none}.story .story-artifact{opacity:clamp(0, 1 - var(--in-laptop) * (1 - var(--out-laptop)) * 4, 1)}.story .story-svg :is(.a-point,.a-pulse){opacity:0}.story .story-svg .a-fill{opacity:min(1, calc(var(--product) * 40), calc(var(--out-laptop) * 40))}.sb-panel[data-scene=build]{opacity:calc(1 - var(--out))}.sb-panel[data-scene=build] .sb-product{opacity:calc(1 - min(1, var(--in-laptop) * 30))}}.sb-line{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sb-drawn{--weight:1.9;--least:1.75px;fill:var(--ink);stroke:none}.sb-drawn-floor{--weight:1.5;--least:1.45px;fill:var(--porcelain-field)}.sb-drawn-frame,.sb-drawn-device{--weight:1.8}.sb-paper{fill:none;stroke:var(--ink);stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}@supports (width:1cqw){.sb-panel{container-type:inline-size}.sb-drawn{stroke:var(--ink);stroke-width:max(0px, calc(var(--least) - var(--weight) * 100cqw / 400));stroke-linejoin:round;vector-effect:non-scaling-stroke}.sb-drawn-floor{stroke:var(--porcelain-field)}.sb-paper{stroke-width:max(1.4px,.3125cqw);vector-effect:non-scaling-stroke}}.sb-fill{fill:var(--porcelain)}.sb-faint{stroke:var(--porcelain-field)}.sb-copper-line{fill:none;stroke:var(--copper-deep);stroke-width:2.5px;stroke-linecap:round}.sb-point{fill:var(--copper-deep)}.sb-orbit{fill:none;stroke:var(--copper-deep);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;transform:scale(clamp(0, (var(--act) - .3) * 6, 1));opacity:calc(1 - clamp(0, (var(--act) - .62) * 4, 1))}.sb-course{fill:none;stroke:var(--copper-deep);stroke-width:1px;stroke-dasharray:2 5;opacity:.45;vector-effect:non-scaling-stroke}.sb-figure path{stroke-linecap:round;stroke-linejoin:round}.sb-f-paper{fill:var(--porcelain)}.sb-f-ink{fill:var(--ink)}.sb-f-tone{fill:var(--porcelain-hairline)}.sb-f-none{fill:none}.sb-l-bold{stroke:var(--ink);stroke-width:2.3px}.sb-l-fine{stroke:var(--ink);stroke-width:1.15px}.sb-l-light{stroke:var(--porcelain);stroke-width:1.1px}.sb-l-none{stroke:none}.sb-l-bold.sb-w-thin{stroke-width:1.85px}.sb-l-bold.sb-w-heavy{stroke-width:2.75px}.sb-l-fine.sb-w-thin{stroke-width:.95px}.sb-l-fine.sb-w-heavy{stroke-width:1.4px}.sb-pose-after{opacity:clamp(0, (var(--act) - var(--react,.45)) * 10, 1)}.sb-pose-before{opacity:calc(1 - clamp(0, (var(--act) - var(--react,.45)) * 10, 1))}.sb-panel[data-scene=talk]{--react:.6}.sb-point-late{r:calc(5.5px * clamp(0, (var(--act) - .3) * 6, 1))}.sb-guide-late{stroke-dashoffset:calc(1 - clamp(0, (var(--act) - .62) / .38, 1))!important}.sb-point-land{r:calc(4.5px * (1 - clamp(0, (var(--act) - .45) * 5, 1)))}.sb-guide-mid{stroke-dashoffset:calc(1 - clamp(0, (var(--act) - .45) / .25, 1))!important}.sb-draw-lead{stroke-dashoffset:calc(1 - clamp(0, (var(--act) - .2) * 5, 1))!important}.sb-draw-late{stroke-dashoffset:calc(1 - clamp(0, (var(--act) - .3) / .45, 1))!important}.sb-product{fill:var(--copper-deep);transform-box:fill-box;transform-origin:50%;transform:scale(clamp(0, (var(--act) - .72) * 4, 1))}.sb-draw,.sb-guide{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--act))}.sb-guide{stroke:var(--copper-deep);stroke-width:1.5px}.sb-mark>*{transform-box:fill-box;transform-origin:50%;transform:scale(clamp(0, (var(--act) - .42) * 5, 1))}.sb-node{fill:var(--ink);transform-box:fill-box;transform-origin:50%;transform:scale(clamp(0, (var(--act) - .72) * 5, 1))}.sb-ui rect{fill:var(--ink-field);transform-box:fill-box;transform-origin:0;transform:scaleX(clamp(0, (var(--act) - .2) / .45, 1))}.sb-react-on{opacity:clamp(0, (var(--act) - .8) * 12, 1)}.sb-react-off{opacity:calc(1 - clamp(0, (var(--act) - .8) * 12, 1))}.sb-laptop{position:relative}.sb-screen{--enter:clamp(0, (var(--act) - .04) / .14, 1);--stretch:clamp(0, (var(--act) - .18) / .14, 1);--build:clamp(0, (var(--act) - .32) / .25, 1);--brand:clamp(0, (var(--act) - .64) / .14, 1);width:53%;height:44.667%;position:absolute;top:16%;left:23.5%;overflow:hidden;container-type:size}.sb-screen-point{background:var(--copper);width:.5rem;height:.5rem;transform:translateX(calc(var(--enter) * 50cqw - .25rem));opacity:calc(1 - var(--build));border-radius:50%;margin-top:-.25rem;position:absolute;top:50%;left:0}.sb-screen-line{background:var(--copper);height:1px;transform:scaleX(var(--stretch));opacity:calc(1 - var(--build));position:absolute;top:50%;left:15%;right:15%}.sb-screen-ui span{background:var(--ink-raised);border:1px solid var(--ink-hairline);transform-origin:0 0;transform:scale(var(--build));position:absolute}.sb-screen-ui span:first-child{height:10%;top:8%;left:6%;right:6%}.sb-screen-ui span:nth-child(2){width:22%;top:24%;bottom:8%;left:6%}.sb-screen-ui span:nth-child(3){inset:62% 6% 8% 32%}.sb-screen-ui span:nth-child(4){width:26%;height:32%;top:24%;left:32%}.sb-screen-logo{width:28%;clip-path:inset(0 calc((1 - var(--brand)) * 100%) 0 0);position:absolute;top:30%;left:64%}.story{--story-stroke:var(--porcelain-field);--tilt:0deg;--zoom:1;--cam-x:0px;--cam-y:0px;--ax:820px;--ay:204.7px;--point:1;--title:1;--heading:1;--travel:.9;--idea:1;--sketch:1;--system:1;--product:1;--settle:0;--spine:0;--pulse:0;background:var(--porcelain);color:var(--ink);position:relative}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.story{height:640svh}.story .story-stage{position:sticky;top:0}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (width>=64rem){.story{height:800svh}}.story-stage{height:100svh;min-height:34rem;position:relative;overflow:clip;container-type:size}.story-world{--size:min(118cqw, 80cqh);width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);transform:translate(var(--cam-x), var(--cam-y)) rotate(var(--tilt)) scale(var(--zoom));position:absolute;top:50%;left:50%}@media (width>=48rem){.story-label{max-width:11rem}.story-world{--size:min(96cqw, 90cqh)}}.story-svg{width:100%;height:100%;display:block;overflow:visible}.story-ink{fill:var(--ink)}.story-svg :is(line,path,rect,circle){fill:none;stroke:var(--story-stroke);stroke-width:1.5px;vector-effect:non-scaling-stroke}.story-svg .story-path{stroke:var(--copper);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--travel))}.story-artifact{transform:translate(var(--ax), var(--ay)) scale(1.5)}.story-artifact :is(.a-fill,.a-point,.a-orbit,.a-grid,.a-node,.a-pulse){transform-box:fill-box;transform-origin:50%}.story-svg .a-point{stroke:none;fill:var(--copper);transform:scale(var(--point))}.story-svg .a-fill{stroke:none;fill:var(--copper);transform:scale(calc(.1 + .9 * var(--product)));opacity:min(1, calc(var(--product) * 40))}.a-orbit{transform:scale(calc(var(--idea) * (1 - var(--sketch))))}.a-ticks{transform:rotate(calc(var(--sketch) * 45deg)) scale(calc(var(--idea) * (1 - var(--sketch))))}.a-edge{transform:translate(calc(var(--cx) * var(--sketch) * 1px), calc(var(--cy) * var(--sketch) * 1px)) rotate(var(--turn)) scale(calc(22 * var(--idea) + 98 * var(--sketch)), 1)}.a-diag{--reach:calc(var(--system) * (1 - var(--product)));transform:translate(calc((-60 * var(--sketch) - 50 * var(--reach)) * 1px), calc((60 * var(--sketch) + 50 * var(--reach)) * 1px)) rotate(-45deg) scale(calc((170 * var(--sketch) + 141 * var(--reach)) * (1 - var(--product))), 1)}.a-v{transform:scaleY(calc(var(--system) * (1 - var(--product))))}.a-h{transform:scaleX(calc(var(--system) * (1 - var(--product))))}.story-svg .a-node{stroke:none;fill:var(--story-stroke);transform:scale(calc(var(--system) * (1 - var(--product))))}.story-svg .a-pulse{stroke:var(--copper);transform:scale(calc(1 + var(--pulse) * 5));opacity:calc(min(1, var(--pulse) * 20) * (1 - var(--pulse)))}.story-svg .story-mark{stroke:var(--story-stroke)}.story-ghosts .g-dot{stroke:none;fill:var(--copper)}.story[data-live] .story-ghosts{display:none}.story-label{--reveal:1;gap:var(--spacing-2xs);width:max-content;max-width:8.5rem;margin:calc(var(--size) * .1) 0 0 calc(var(--size) * .1);padding:var(--spacing-2xs) var(--spacing-xs);background:var(--porcelain);color:var(--ink);transform-origin:0 0;transform:rotate(calc(-1 * var(--tilt))) scale(calc(1 / var(--zoom)));clip-path:inset(0 calc((1 - var(--reveal)) * 100%) 0 0);display:grid;position:absolute}.story-label[data-station=idea]{--reveal:calc(var(--idea) * (1 - var(--settle)))}.story-label[data-station=sketch]{--reveal:calc(var(--sketch) * (1 - var(--settle)))}.story-label[data-station=system]{--reveal:calc(var(--system) * (1 - var(--settle)))}.story-label[data-station=product]{--reveal:calc(var(--product) * (1 - var(--settle)))}@media (width>=48rem){.story-label[data-station=product]{--reveal:calc(var(--product) * (1 - var(--settle)));margin:calc(var(--size) * -.04) 0 0 calc(var(--size) * -.11);background:var(--ink);color:var(--ink-text);text-align:right;transform-origin:100% 0;transform:translateX(-100%) rotate(calc(-1 * var(--tilt))) scale(calc(1 / var(--zoom)));clip-path:inset(0 0 0 calc((1 - var(--reveal)) * 100%))}}.story-note{font-size:var(--text-small);color:var(--porcelain-text-muted);line-height:1.35}@media (width>=48rem){.story-label[data-station=product] .story-note{color:var(--ink-text-muted)}}.story-frame{pointer-events:none;padding-top:clamp(2.5rem,9cqh,6rem);position:relative}.story-title{max-width:11ch;color:var(--ink-text);font-size:var(--text-h2);line-height:var(--text-h2--line-height);letter-spacing:var(--text-h2--letter-spacing);font-weight:var(--text-h2--font-weight);clip-path:inset(0 calc((1 - var(--heading)) * 100%) -.2em 0)}.story-title span{background:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone}.story-spine{left:var(--spine-left,calc(var(--spacing-margin) + var(--spine-x)));background:var(--line-strong);transform-origin:50% 100%;width:1px;height:20%;transform:scaleY(var(--spine));position:absolute;bottom:0}