.story{--ease:cubic-bezier(.65, 0, .35, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--t-move:1.1s;--t-fade:.6s;--t-color:1.6s}.stage-frame{background:var(--c-sky);height:100%;transition:background-color var(--t-color) ease;border-bottom:1.5px solid var(--frame);position:relative;overflow:hidden;container:stage/size}@property --shift{syntax:"<length>";inherits:false;initial-value:0}.stage{--shift:0px;transition:height var(--t-move) var(--ease), margin-bottom var(--t-move) var(--ease)}.stage-frame,.stage-frame:after,.scene,.stage-controls{--shift:inherit}@media (width>=60rem),(width>=34rem) and (orientation:landscape) and (height<=34rem){.stage-frame{--radius:clamp(12px, 1.6vw, 22px);border-radius:var(--radius);clip-path:inset(0 0 0 var(--shift) round var(--radius));border:0}.stage-frame:after{content:"";inset:0 0 0 var(--shift);z-index:5;border:1.5px solid var(--frame);border-radius:var(--radius);pointer-events:none;position:absolute}}.scene{width:100%;height:100%;display:block;overflow:hidden}.camera{transition:transform 1.2s var(--ease)}.story:is([data-beat=agent],[data-beat=judgment],[data-beat=fix]) .camera{transform:translate(-2580px,-2889px)scale(9)}.lens{--k:1.57;--fx:300px;--fy:302px;transform:translate(calc(300px - var(--k) * var(--fx)), calc(270px - var(--k) * var(--fy))) scale(var(--k));transition:transform var(--t-move) var(--ease)}.story[data-beat=glance] .lens{--k:2.3;--fx:300px;--fy:303px}.story[data-beat=people] .lens{--k:1.51;--fx:290px;--fy:297px}.story[data-beat=sketch] .lens{--k:1.7;--fx:290px;--fy:313px}.story[data-beat=system] .lens{--k:1.38;--fx:300px;--fy:214px}.story[data-beat=workbench] .lens{--k:1.32;--fx:310px;--fy:225px}.story:is([data-beat=agent],[data-beat=judgment],[data-beat=fix]) .lens{--k:1.3;--fx:300px;--fy:270px}.story[data-beat=steward] .lens{--k:1.29;--fx:310px;--fy:220px}.story[data-beat=loop] .lens{--k:1.16;--fx:300px;--fy:253px}.story[data-beat=contact] .lens{--k:1.1;--fx:300px;--fy:245px}@media (width>=60rem),(width>=34rem) and (orientation:landscape) and (height<=34rem){.lens{transition:transform var(--t-move) var(--ease);transform:none}@container stage (width<=640px){.lens{transform:translate(-36px,-30px)scale(1.12)}}.story[data-beat=glance] .lens{--k:1.7;--fy:300px;transform:translate(calc(300px - var(--k) * var(--fx)), calc(270px - var(--k) * var(--fy))) scale(var(--k))}}@media (width>=75rem){.stage{transition:--shift var(--t-move) var(--ease) .25s}.story[data-beat=glance] .stage{--shift:var(--frame-shift);transition-delay:0s}.scene{transform:translateX(calc(var(--shift) / 2))}.story[data-beat=glance] .lens{--k:1.55;--fy:315px;transition-delay:.25s}}.stage-controls{--inset:0px;z-index:3;background:var(--control-bg);border:1px solid var(--control-line);backdrop-filter:blur(4px);border-radius:999px;align-items:center;gap:.35rem;width:max-content;padding:.15rem .2rem;display:flex;position:absolute;bottom:0;left:50%;translate:-50% 50%}@media (width>=60rem),(width>=34rem) and (orientation:landscape) and (height<=34rem){.stage-controls{--inset:clamp(.5rem, 1.6vw, 1.5rem);left:calc(50% + var(--shift) / 2 - var(--inset) / 2);bottom:calc(var(--inset) + .75rem);translate:-50%}}@media (width>=75rem){.motion-label{white-space:nowrap;max-width:7rem;transition:max-width .5s var(--ease), opacity .3s ease;overflow:hidden}.motion-toggle{transition:gap .5s var(--ease), padding .5s var(--ease)}.story[data-beat=glance] .motion-label{opacity:0;max-width:0}.story[data-beat=glance] .motion-toggle{gap:0;padding:0 .5rem 0 .4rem}}.chapters ol{margin:0;padding:0;list-style:none;display:flex}.chapters li[data-break]{align-items:center;display:flex}.chapters li[data-break]:after{content:"";background:var(--dot);width:1px;height:.8rem;margin-inline:.2rem}.chapters a{border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;display:grid;position:relative}.chapters a:after{content:attr(data-label);z-index:1;background:var(--ink);color:var(--paper);font:500 .72rem/1.2 var(--body);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:.35rem;padding:.3rem .5rem;transition:opacity .15s,translate .15s,visibility .15s;position:absolute;bottom:calc(100% + .55rem);left:50%;translate:-50% .2rem}.chapters a:hover:after,.chapters a:focus-visible:after{opacity:1;visibility:visible;translate:-50%}.chapters a:before{content:"";background:var(--dot);width:.4rem;height:.4rem;transition:width .3s var(--ease), background-color .3s ease;border-radius:999px}.chapters a:hover:before{background:var(--dot-hover)}.chapters a[aria-current]:before{background:var(--accent);width:1rem}.motion-toggle,.theme-toggle{min-width:1.75rem;height:1.75rem;font:600 .72rem/1 var(--body);color:var(--ink);border:0;border-left:1px solid var(--control-line);cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:.35rem;padding:0 .6rem 0 .45rem;display:inline-flex}.theme-toggle{border-radius:0 999px 999px 0;justify-content:center;padding:0 .5rem 0 .4rem}.motion-toggle:hover,.theme-toggle:hover{color:var(--accent-ink)}.motion-icon,.theme-icon{flex:none;width:.85rem;height:.85rem}.theme-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.theme-icon-moon{fill:currentColor;stroke:none}.theme-icon-sun,[data-theme=dark] .theme-icon-moon{display:none}[data-theme=dark] .theme-icon-sun{display:inline}.motion-icon-pause{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round}.motion-icon-play{fill:currentColor;display:none}[data-motion=reduced] .motion-icon-pause{display:none}[data-motion=reduced] .motion-icon-play{display:inline}@media (width<=30rem),(height<=34rem){.motion-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.motion-toggle{padding:0 .5rem 0 .4rem}}@media (width<=22rem){.chapters a{width:1.3rem}}.story{--c-sky:#f5dcc8;--c-sun:#f2a65a;--c-cloud:#fbeee4;--c-mtn-far:#cdb9b0;--c-mtn-near:#968f8a;--c-sea:#78a3ad;--c-glint:#fff;--c-house:#f1e5d2;--c-roof:#c8553d;--c-window:#d6c4a8;--c-cypress:#66704f;--c-floor:#eadbc4;--c-ledge:#d8c4a5;--c-floor-line:#dccab0;--c-ferry:#fbf6ee;--sun-x:118px;--sun-y:232px;--night:0}.story[data-beat=glance]{--sun-x:205px;--sun-y:232px}@media (width>=60rem),(width>=34rem) and (orientation:landscape) and (height<=34rem){.story[data-beat=glance]{--sun-x:242px;--sun-y:195px}}.story:is([data-beat=people],[data-beat=sketch],[data-beat=system],[data-beat=workbench],[data-beat=agent],[data-beat=judgment],[data-beat=fix]){--c-sky:#d5e6e8;--c-sun:#f6c85b;--c-cloud:#f8fbfa;--c-mtn-far:#a9bfc3;--c-mtn-near:#6f8b82;--c-sea:#4f8e9f;--c-cypress:#4f6b4a;--sun-x:40px;--sun-y:50px}.story[data-beat=steward]{--c-sky:#f3d7a8;--c-sun:#f0a347;--c-cloud:#fbe9cc;--c-mtn-far:#c9b299;--c-mtn-near:#8b8670;--c-sea:#62919a;--c-floor:#ecd8b8;--sun-x:566px;--sun-y:238px}.story[data-beat=loop]{--c-sky:#dcaeac;--c-sun:#ea7d4f;--c-cloud:#efc9bf;--c-mtn-far:#a58ea3;--c-mtn-near:#6e6780;--c-sea:#777b9d;--c-window:#f0c56d;--c-cypress:#4c4a5a;--c-floor:#dfc8b2;--c-ledge:#c9b198;--sun-x:470px;--sun-y:322px}.story[data-beat=contact]{--c-sky:#1f2b45;--c-sun:#ea7d4f;--c-cloud:#2a3753;--c-mtn-far:#34405f;--c-mtn-near:#262f49;--c-sea:#1b2741;--c-glint:#f5d98f;--c-house:#5f6177;--c-roof:#6f4744;--c-window:#f5c96a;--c-cypress:#1d2632;--c-floor:#4b4759;--c-ledge:#3e3b4c;--c-floor-line:#45414f;--c-ferry:#c9c3bb;--sun-x:470px;--sun-y:480px;--night:1}.backdrop *{transition:fill var(--t-color) ease, stroke var(--t-color) ease, opacity var(--t-color) ease}.sky{fill:var(--c-sky)}.haze{opacity:calc(1 - var(--night))}.cloud path{fill:var(--c-cloud)}.mtn-far{fill:var(--c-mtn-far);stroke:var(--c-mtn-far);stroke-width:6px;stroke-linejoin:round}.mtn-near{fill:var(--c-mtn-near);stroke:var(--c-mtn-near);stroke-width:6px;stroke-linejoin:round}.sea{fill:var(--c-sea)}.glints path{stroke:var(--c-glint);stroke-width:1.4px;stroke-linecap:round;opacity:.45}.house{fill:var(--c-house)}.roof{fill:var(--c-roof)}.window{fill:var(--c-window)}.cypress{fill:var(--c-cypress)}.floor{fill:var(--c-floor)}.ledge{fill:var(--c-ledge)}.floor-lines{stroke:var(--c-floor-line);stroke-width:1.5px;fill:none}.sun-wrap{transform:translate(var(--sun-x), var(--sun-y));transition:transform 2.2s var(--ease)}.sun-disc{fill:var(--c-sun)}.sun-halo{fill:var(--c-sun);opacity:.22}.moon{opacity:var(--night)}.moon-disc{fill:#f3e7c4}.moon-crater{fill:#e2d3aa}.stars circle{fill:#f6ecd0;opacity:var(--night)}.story[data-beat=contact] .stars circle{animation:4s ease-in-out infinite twinkle;animation-delay:calc(var(--i) * -.37s)}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.35}}.clouds{opacity:calc(1 - var(--night) * .7)}.cloud-a{animation:38s ease-in-out infinite alternate drift}.cloud-b{animation:46s ease-in-out -12s infinite alternate drift}@keyframes drift{0%{transform:translate(-18px)}to{transform:translate(22px)}}.ferry{animation:80s linear -24s infinite ferry;transform:translate(96px)}.ferry-hull,.ferry-cabin{fill:var(--c-ferry)}.ferry-stripe{fill:#c8553d}.ferry-funnel{fill:#26221f}@keyframes ferry{0%{transform:translate(-90px)}to{transform:translate(700px)}}.person{--x:300px;--op:1;--sit:0px;--legs:1;--head:0deg;--look-x:0px;--look-y:0px;--arm-l:8deg;--fore-l:-6deg;--arm-r:-8deg;--fore-r:6deg;transform:translateX(var(--x));opacity:var(--op);transition:transform var(--t-move) var(--ease), opacity var(--t-fade) ease}.p-body{transform:translateY(var(--sit));transition:transform .8s var(--ease)}.p-legs{opacity:var(--legs);transition:opacity .35s}.p-head{transform:rotate(var(--head));transition:transform .8s var(--ease)}.eyes{transform:translate(var(--look-x), var(--look-y));transition:transform .5s var(--ease)}.arm,.fore{transition:transform .9s var(--ease)}.arm-l{transform:rotate(var(--arm-l))}.fore-l{transform:rotate(var(--fore-l))}.arm-r{transform:rotate(var(--arm-r))}.fore-r{transform:rotate(var(--fore-r))}.eye{transform-box:fill-box;transform-origin:50%;animation:6s infinite blink}.guest .eye{animation-delay:-2.3s}@keyframes blink{0%,95%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.mouth-open{opacity:0}.prop{opacity:0;transition:opacity .4s}.bo{--shirt:#c65f3f;--shirt-shade:#a84c31}.bo .shirt{fill:var(--shirt)}.bo .shirt-shade{stroke:var(--shirt-shade)}.bo .sleeve{stroke:var(--shirt)}.story[data-beat=hello] .bo{--arm-r:-150deg;--fore-r:-20deg}.story:is([data-beat=hello],[data-beat=contact]) .bo .arm-r .fore-anim{animation:.55s ease-in-out .9s 6 alternate wave}@keyframes wave{0%{transform:rotate(0)}to{transform:rotate(-38deg)}}.story[data-beat=glance] .bo{--arm-l:124deg;--fore-l:121deg;--arm-r:-124deg;--fore-r:-121deg}.story[data-beat=glance] .bo .prop-binoculars{opacity:1;transition-delay:.55s}.story[data-beat=people] .bo{--x:430px;--arm-l:20deg;--fore-l:60deg;--look-x:-3px}.story[data-beat=sketch] .bo{--x:470px;--arm-l:55deg;--fore-l:45deg;--head:-3deg;--look-x:-3px}.story[data-beat=sketch] .bo .prop-marker{opacity:1}.story[data-beat=sketch] .bo .arm-l .fore-anim{animation:.9s ease-in-out .6s 6 alternate scribble}@keyframes scribble{0%{transform:rotate(-6deg)}to{transform:rotate(8deg)}}.story[data-beat=system] .bo{--x:470px;--arm-l:140deg;--fore-l:10deg;--head:-4deg;--look-x:-2px;--look-y:-3px}.story:is([data-beat=workbench],[data-beat=agent],[data-beat=judgment],[data-beat=fix]) .bo{--x:320px;--sit:46px;--legs:0;--arm-l:-12deg;--fore-l:-38deg;--arm-r:12deg;--fore-r:38deg;--look-y:2px}.story:is([data-beat=workbench],[data-beat=agent],[data-beat=judgment],[data-beat=fix]) .bo .fore-anim{animation:.24s ease-in-out infinite alternate type}.story:is([data-beat=workbench],[data-beat=agent],[data-beat=judgment],[data-beat=fix]) .bo .arm-r .fore-anim{animation-delay:-.12s}@keyframes type{0%{transform:rotate(-3deg)}to{transform:rotate(4deg)}}.story[data-beat=steward] .bo{--x:482px;--arm-r:20deg;--fore-r:143deg;--head:-3deg;--look-x:-2px;--look-y:-3px}.story[data-beat=loop] .bo{--x:482px;--arm-l:28deg;--fore-l:66deg;--look-x:-3px}.story[data-beat=contact] .bo{--x:478px;--arm-r:-150deg;--fore-r:-20deg}.guest{--x:-90px;--op:0}.story[data-beat=people] .guest{--x:150px;--op:1;--arm-r:-15deg;--fore-r:-110deg;--look-x:3px}.story:is([data-beat=people],[data-beat=loop]) .guest .prop-phone{opacity:1}.phone-ok{opacity:0}.story[data-beat=loop] .guest .phone-ok{opacity:1}.story[data-beat=loop] .guest .phone-bad{opacity:0}.story[data-beat=sketch] .guest{--x:110px;--op:1;--arm-r:-70deg;--fore-r:-30deg;--look-x:3px}.story[data-beat=system] .guest{--x:110px;--op:1;--look-x:2px;--look-y:-3px;--head:3deg}.story[data-beat=loop] .guest{--x:110px;--op:1;--arm-r:-15deg;--fore-r:-110deg;--look-x:3px}.story:is([data-beat=people],[data-beat=loop]) .guest .mouth-open{animation:3.2s step-end infinite talk}.story:is([data-beat=people],[data-beat=loop]) .bo .mouth-open{animation:3.2s step-end -1.6s infinite talk}@keyframes talk{0%{opacity:1}8%{opacity:0}14%{opacity:1}24%{opacity:0}30%{opacity:1}40%,to{opacity:0}}.whiteboard{opacity:0;transition:opacity .5s ease, transform .8s var(--ease);transform:translateY(26px)}.story[data-beat=sketch] .whiteboard{opacity:1;transform:none}.wb-leg{stroke:#8c857b;stroke-width:4px;stroke-linecap:round;fill:none}.wb-frame{fill:#8c857b}.wb-surface{fill:#fbf8f2}.wb-tray{fill:#7b746a}.wb-sketch{transition:transform 1s var(--ease)}.story[data-beat=system] .wb-sketch{transform:translate(-60px,-210px)scale(1.2)}.wb-sketch :is(.ink,.red){fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .55s}.wb-sketch .ink{stroke:#2b3a67}.wb-sketch .red{stroke:#c8553d}.wb-sketch .ink-dash{fill:none;stroke:#2b3a67;stroke-width:1.6px;stroke-dasharray:4 4;opacity:0;transition:opacity .5s}.wb-word{font:500 10px var(--display);fill:#2b3a67;text-anchor:middle;opacity:0;transition:opacity .4s}.wb-word.red-word{fill:#c8553d;font-size:9px}.s1{--n:0}.s2{--n:1}.s3{--n:2}.s4{--n:3}.s5{--n:4}.s6{--n:5}.s7{--n:6}.s8{--n:7}.s9{--n:8}.s10{--n:8.5}.w1{--n:.5}.w2{--n:2.5}.w3{--n:4.5}.w4{--n:9}.story[data-beat=sketch] .wb-sketch :is(.ink,.red){stroke-dashoffset:0;transition-delay:calc(.6s + var(--n) * .28s)}.story[data-beat=sketch] .wb-sketch :is(.wb-word,.ink-dash){opacity:1;transition-delay:calc(.75s + var(--n) * .28s)}.desk-slide{opacity:0;transition:transform 1s var(--ease), opacity .6s ease;transform:translateY(80px)}.story:is([data-beat=workbench],[data-beat=agent],[data-beat=judgment],[data-beat=fix],[data-beat=steward],[data-beat=loop],[data-beat=contact]) .desk-slide{opacity:1;transform:none}.desk-back .desk-slide{transition-duration:.8s,.4s}.story:is([data-beat=steward],[data-beat=loop],[data-beat=contact]) .desk-back .desk-slide{opacity:0;transform:translate(40px)}.desk{--wood-top:#c08a58;--wood:#a26d45;--wood-line:#8d5c39}.story[data-beat=contact] .desk{--wood-top:#8c6a55;--wood:#6f5143;--wood-line:#5e4539}.desk :is(.desk-top,.desk-panel,.desk-drawers){transition:fill var(--t-color) ease, stroke var(--t-color) ease}.chair{fill:#3d6b73}.chair-shade{fill:#35616a}.desk-top{fill:var(--wood-top)}.desk-panel{fill:var(--wood)}.desk-drawers{fill:none;stroke:var(--wood-line);stroke-width:1.5px}.desk-handles{stroke:#6e4529;stroke-width:3px;stroke-linecap:round}.pot{fill:#c8553d}.stem{fill:none;stroke:#4e7d5b;stroke-width:2px;stroke-linecap:round}.commit{fill:#f4ede2;stroke:#4e7d5b;stroke-width:1.6px}.commit-new{fill:#f2ce5c}.leaf{fill:#6f9f69}.new-growth{opacity:0;transition:opacity .8s .8s}.story:is([data-beat=steward],[data-beat=loop],[data-beat=contact]) .new-growth{opacity:1}.mug{fill:#f7f1e6;stroke:#d6cab8;stroke-width:1px}.mug-handle{stroke:#e9e0d0;stroke-width:3px}.elephant{fill:none;stroke:#336791;stroke-width:1.8px;stroke-linecap:round}.steam path{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;opacity:0}.story:is([data-beat=workbench],[data-beat=steward]) .steam path{animation:3s ease-in-out infinite steam}.story:is([data-beat=workbench],[data-beat=steward]) .steam path+path{animation-delay:-1.5s}@keyframes steam{0%{opacity:0;transform:translateY(4px)}40%{opacity:.8}to{opacity:0;transform:translateY(-6px)}}.lid{transition:transform .9s var(--ease)}.lid-back{fill:#c3c7cd;stroke:#9ea3aa;stroke-width:1.2px}.lid-hinge{fill:#9ea3aa}.sticker{fill:#f4ede2}.sticker-mtn{fill:#3e7c8c}.sticker-sun{fill:#f0a347}.story[data-beat=contact] .lid{transition-delay:.4s;transform:scaleY(.1)}.obj{transition:transform .35s var(--ease-out)}.story:has([data-tool=pg]:hover) .obj-pg,.story:has([data-tool=git]:hover) .obj-git{transform:translateY(-5px)}.story:has([data-tool=agent]:hover) .obj-agent .lid{transform:translateY(-4px)}.bubble{opacity:0;transition:opacity .35s ease, transform .5s var(--ease-out);transform:scale(.85)translateY(6px)}.bubble-shape{fill:#fffdf8;stroke:#26221f;stroke-width:1.6px;stroke-linejoin:round}.doodle{fill:none;stroke:#2b3a67;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.doodle.red{stroke:#c8553d}.doodle.green{stroke:#4e8a5b;stroke-width:2.4px}.doodle.dotted{stroke-dasharray:2 3}.icon-body{fill:#dfe6f3;stroke:#2b3a67;stroke-width:1.8px;stroke-linejoin:round}.icon-body.warm{fill:#f6e1bf}.icon-solid{fill:#2b3a67}.icon-line{fill:none;stroke:#2b3a67;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.badge{stroke:#fffdf8;stroke-width:2px}.badge.red{fill:#c8553d}.badge.green{fill:#4e8a5b}.badge-mark{fill:none;stroke:#fffdf8;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.story[data-beat=people] .bubble-guest{opacity:1;transition-delay:.9s;transform:none}.story[data-beat=people] .bubble-bo{opacity:1;transition-delay:2.1s;transform:none}.story[data-beat=loop] .bubble-next{opacity:1;transition-delay:2.4s;transform:none}.loop{opacity:0;transition:opacity .4s}.story[data-beat=loop] .loop{opacity:1;transition-delay:.6s}.loop-ring{fill:none;stroke:#26221f;stroke-width:1.8px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.4s var(--ease)}.story[data-beat=loop] .loop-ring{stroke-dashoffset:0;transition-delay:.7s}.loop-dot{fill:#3e7c8c;opacity:0;transition:opacity .4s}.story[data-beat=loop] .loop-dot{opacity:1;transition-delay:2.1s}.story[data-beat=loop] .loop-orbit{animation:6s linear 2.1s infinite orbit}.story[data-beat=loop] .loop-icon .loop-disc{animation:6s ease-out infinite ping}.story[data-beat=loop] .loop-icon-1 .loop-disc{animation-delay:2.1s}.story[data-beat=loop] .loop-icon-2 .loop-disc{animation-delay:4.1s}.story[data-beat=loop] .loop-icon-3 .loop-disc{animation-delay:6.1s}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{0%,14%{stroke:#3e7c8c;stroke-width:2.6px}30%,to{stroke:#26221f;stroke-width:1.6px}}.loop-disc{fill:#fffdf8;stroke:#26221f;stroke-width:1.6px}.loop-icon{opacity:0;transition:opacity .4s}.story[data-beat=loop] .loop-icon{opacity:1}.story[data-beat=loop] .loop-icon-1{transition-delay:.8s}.story[data-beat=loop] .loop-icon-2{transition-delay:1.2s}.story[data-beat=loop] .loop-icon-3{transition-delay:1.6s}.system{opacity:0;transition:transform 1.3s var(--ease), opacity .8s ease;transform:translate(212px,262px)scale(.367)}.story:is([data-beat=system],[data-beat=workbench],[data-beat=agent],[data-beat=judgment],[data-beat=fix],[data-beat=steward],[data-beat=loop],[data-beat=contact]) .system{opacity:1;transform:translate(52px,34px)scale(1)}.story[data-beat=system] .system{transition-delay:.15s}.system *{transition:opacity .6s,fill 1s,stroke 1s}.node-box{fill:#fffdf8;stroke:#26221f;stroke-width:1.6px}.node-screen{fill:#d5e6e8}.node-line{fill:none;stroke:#26221f;stroke-width:1.4px}.bus-lane{stroke-width:1px;stroke-dasharray:3 3;opacity:.55}.node-label{font:600 11px var(--body);fill:#26221f;text-anchor:middle}.sys-edges path{fill:none;stroke:#26221f;stroke-width:1.6px;stroke-linejoin:round}.sys-tangle path{fill:none;stroke:#b9472f;stroke-width:1.4px;stroke-dasharray:4 3;stroke-linecap:round;stroke-linejoin:round}.sys-tangle .tangle-head{stroke-dasharray:none}.node-legacy .node-box{stroke:#b9472f;stroke-dasharray:4 3}.node-legacy .node-label{fill:#9a3a26;font-size:10px}.health{fill:#5f9e6e;stroke:#fffdf8;stroke-width:1.5px}.story:is([data-beat=system],[data-beat=workbench],[data-beat=agent],[data-beat=judgment],[data-beat=fix]) .health-notifications{fill:#d0533f}.flow{fill:#3e7c8c}.sys-flow{opacity:0}.story:is([data-beat=system],[data-beat=workbench],[data-beat=steward],[data-beat=loop]) .sys-flow{opacity:1}.flow-1{animation:2.4s linear infinite flow-a}.flow-2{animation:2.4s linear -1.2s infinite flow-a}.flow-3{animation:2.4s linear -1.6s infinite flow-mail}.story:is([data-beat=system],[data-beat=workbench]) .flow-3{fill:#d0533f;animation-name:flow-lost}@keyframes flow-a{0%{transform:translate(0)}to{transform:translateX(var(--dx))}}@keyframes flow-mail{0%{opacity:1;transform:translate(0)}85%{opacity:1}to{transform:translateX(var(--dx));opacity:0}}@keyframes flow-lost{0%{opacity:1;transform:translate(0)}40%{opacity:0}to{transform:translateX(calc(var(--dx) / 2));opacity:0}}.sys-cloud{fill:var(--c-cloud);fill-opacity:.88;stroke:#0000;stroke-width:1.6px;opacity:0}.container-badge{opacity:0}.container-badge rect{fill:#3e7c8c}.container-badge path{stroke:#fffdf8;stroke-width:1px}.sys-tag{font:600 10px var(--body);fill:#2f6f80;text-anchor:middle;opacity:0}.sys-tag-cloud{text-anchor:start}.story:is([data-beat=workbench],[data-beat=agent],[data-beat=judgment],[data-beat=fix],[data-beat=steward],[data-beat=loop]) .container-badge,.story:is([data-beat=workbench],[data-beat=agent],[data-beat=judgment],[data-beat=fix],[data-beat=steward]) .sys-cloud{opacity:1}.story[data-beat=workbench] .sys-tag{opacity:1;transition-delay:.9s}.story[data-beat=workbench] .sys-cloud{transition-delay:.6s}@container stage (width<=540px){.sys-tag{display:none}}.story:has([data-tool=ts]:hover) :is(.node-api,.node-bookings,.node-payments,.node-notifications) .node-box,.story:has([data-tool=events]:hover) .node-events .node-box{fill:#fbe3cf;stroke:#b9472f}.story:has([data-tool=k8s]:hover) .container-badge rect{fill:#b9472f}.story:has([data-tool=aws]:hover) .sys-cloud{fill:#fbe3cf;stroke:#b9472f}.sys-bounds{opacity:0}.bound{fill:#3e7c8c0f;stroke:#3e7c8c;stroke-width:1.4px;stroke-dasharray:6 4}.bound-b{fill:#c8553d0f;stroke:#c8553d}.flag{stroke-width:1.4px;stroke-linejoin:round}.flag-a{fill:#3e7c8c;stroke:#2f6f80}.flag-b{fill:#c8553d;stroke:#a8432f}.story:is([data-beat=steward],[data-beat=loop]) .sys-bounds{opacity:1;transition-delay:1s}.story:is([data-beat=steward],[data-beat=loop],[data-beat=contact]) :is(.sys-tangle,.node-legacy){opacity:0}.story[data-beat=steward] :is(.sys-tangle,.node-legacy){transition-duration:1s;transition-delay:.3s}.sys-pulse{fill:none;stroke:#5f9e6e;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.2s}.story:is([data-beat=steward],[data-beat=loop]) .sys-pulse{stroke-dashoffset:0;transition-delay:1.4s}.star{fill:#ffe7a8;opacity:0}.story[data-beat=contact] .star{opacity:1;animation:3.5s ease-in-out infinite alternate glow}.story[data-beat=contact] :is(.node-box,.node-label,.node-line,.node-screen,.health,.container-badge,.sys-cloud,.sys-tag,.sys-bounds,.sys-pulse){opacity:0}.sys-constellation{fill:none;stroke:#ffe7a8;stroke-width:.8px;opacity:0}.story[data-beat=contact] .sys-edges{opacity:0}.story[data-beat=contact] .sys-constellation{opacity:.35;transition-delay:.6s}@keyframes glow{0%{opacity:.55}to{opacity:1}}.screen{z-index:2;opacity:0;visibility:hidden;transition:opacity .4s ease, transform .6s var(--ease-out), visibility 0s linear .4s;pointer-events:none;background:radial-gradient(#14100c1a,#14100c73);place-items:center;padding:max(.6rem,4cqmin) max(.6rem,4cqmin) max(1.2rem,4cqmin);display:grid;position:absolute;inset:0;transform:scale(.97)}@media (width>=60rem),(width>=34rem) and (orientation:landscape) and (height<=34rem){.screen{padding-bottom:max(2.4rem,7cqmin)}}.story:is([data-beat=agent],[data-beat=judgment],[data-beat=fix]) .screen{opacity:1;visibility:visible;transition-delay:.75s,.75s,0s;transform:none}.term{width:min(100%,46rem);height:min(100%,44rem);font-family:var(--mono);color:#d9d4ca;background:#1d1c21;border:clamp(4px,1.2cqmin,9px) solid #3a3a41;border-radius:clamp(8px,2cqmin,16px);flex-direction:column;font-size:clamp(10px,2.5cqw,14px);line-height:1.45;display:flex;overflow:hidden;box-shadow:0 1.2em 3em #14100c59}.term-bar{color:#a8a298;background:#26252b;align-items:center;gap:.8em;padding:.5em .9em;display:flex}.term-dots{gap:.4em;display:flex}.term-dots i{background:#f09082;border-radius:50%;width:.7em;height:.7em}.term-dots i:nth-child(2){background:#f1be58}.term-dots i:nth-child(3){background:#7fb07a}.term-titles{display:grid}.term-title{grid-area:1/1;font-weight:600;transition:opacity .4s}.term-log{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;padding:.4em .9em .2em;display:flex;overflow:hidden}.t{margin-top:.15em}.t-gap{height:.5em}.t-name{color:#fff}.dim{color:#8c877e}.t-sec{color:#e9c46a;margin-top:.35em}.t-ind{margin-top:0;padding-left:1.2em}.t[data-show]{opacity:0;transition:grid-template-rows .35s var(--ease), opacity .3s ease;grid-template-rows:0fr;margin-top:0;display:grid}.t-in{min-height:0;transition:padding .35s var(--ease), margin .35s var(--ease);margin-top:0;padding-block:0;overflow:hidden}.t-user>.t-in,.t-tool>.t-in{--pb:.4em;--mt:.45em;padding-inline:.7em}.t-say>.t-in,.t-think>.t-in{--pb:.15em;--mt:.35em;padding-inline:.7em}.story[data-beat=agent] .t[data-show~=agent],.story[data-beat=judgment] .t[data-show~=judgment],:is([data-motion=full] .story[data-beat=judgment],.story[data-beat=fix]) .t[data-show~=fix]{opacity:1;grid-template-rows:1fr}.story[data-beat=agent] .t[data-show~=agent]>.t-in,.story[data-beat=judgment] .t[data-show~=judgment]>.t-in,:is([data-motion=full] .story[data-beat=judgment],.story[data-beat=fix]) .t[data-show~=fix]>.t-in{padding-block:var(--pb,0);margin-top:var(--mt,0)}.story[data-beat=agent] .t[data-show~=agent],.story[data-beat=agent] .t[data-show~=agent]>.t-in{transition-delay:calc(1.3s + var(--d) * .5s)}.story[data-beat=judgment] .t[data-show=judgment\ fix],.story[data-beat=judgment] .t[data-show=judgment\ fix]>.t-in{transition-delay:calc(1.1s + var(--d) * .6s)}:is([data-motion=full] .story[data-beat=judgment],.story[data-beat=fix]) .t[data-show=fix],:is([data-motion=full] .story[data-beat=judgment],.story[data-beat=fix]) .t[data-show=fix]>.t-in{transition-delay:calc(var(--fix-at) + .3s + var(--d) * .6s)}@container stage (height>=620px){.story[data-beat=agent] .t[data-show~=agent]{transition-property:opacity;transition-duration:.4s}.story[data-beat=agent] .t[data-show~=agent]>.t-in{transition:none}.story[data-beat=judgment] .t[data-show=judgment\ fix]{transition-property:opacity,grid-template-rows;transition-duration:.4s,.5s;transition-timing-function:ease, var(--ease);transition-delay:calc(1.1s + var(--d) * .6s), 1.1s}.story[data-beat=judgment] .t[data-show=judgment\ fix]>.t-in{transition-duration:.5s;transition-delay:1.1s}:is([data-motion=full] .story[data-beat=judgment],.story[data-beat=fix]) .t[data-show=fix]{transition-property:opacity,grid-template-rows;transition-duration:.4s,.5s;transition-timing-function:ease, var(--ease);transition-delay:calc(var(--fix-at) + .3s + var(--d) * .6s), calc(var(--fix-at) + .3s)}:is([data-motion=full] .story[data-beat=judgment],.story[data-beat=fix]) .t[data-show=fix]>.t-in{transition-duration:.5s;transition-delay:calc(var(--fix-at) + .3s)}}.t-boot-compact{display:none}@container stage (height<=760px){.t-boot-full{display:none}.t-boot-compact{display:block}}@container stage (height<=520px){.t.t-optional[data-show]{display:none}}.t-user>.t-in{color:#f1ede6;background:#34343f}.t-tool>.t-in{background:#28302a}.t-tool b{color:#f1ede6}.t-think>.t-in{color:#b9b3a8;font-style:italic}.t-say code{color:#f1be58;font-family:inherit}.t-path{color:#8fc1b5}.t-out{color:#a8a298;white-space:pre;text-overflow:ellipsis;display:block;overflow:hidden}.t-line{display:block}.t-item{padding-left:1ch}.t-ok,.t-add{color:#9bc28b}.t-del{color:#e58a7a}.term-status{color:#c6a7d8;padding:.3em .9em 0}.spinner{background:currentColor;border-radius:50%;width:.5em;height:.5em;margin-right:.3em;animation:1s ease-in-out infinite alternate pulse-dot;display:inline-block}@keyframes pulse-dot{0%{opacity:.25}to{opacity:1}}.term-editor{border-block:1px solid #8e6fa6;margin:.3em .9em 0;padding:.35em 0}.caret{vertical-align:-.2em;background:#f1ede6;width:.6em;height:1.1em;animation:1.1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.term-foot{color:#8c877e;white-space:nowrap;justify-content:space-between;gap:1em;padding:.3em .9em .5em;font-size:.9em;display:flex}.term-foot span{text-overflow:ellipsis;overflow:hidden}.story{--fix-at:0s}[data-motion=full] .story[data-beat=judgment]{--fix-at:3.3s}@property --dock{syntax:"<number>";inherits:true;initial-value:0}@property --grow{syntax:"<number>";inherits:true;initial-value:0}.ws{--ed-docked:.8;--panel-docked:1.2;--ed-grown:1;--panel-grown:1.15;min-height:0;transition:--dock .8s var(--ease), --grow .8s var(--ease);flex-direction:column;flex:1;display:flex}.ws>.ed,.ws>.panel{flex-shrink:1;flex-basis:0}.ws>.ed{flex-grow:calc(var(--dock) * var(--ed-docked) + var(--grow) * (var(--ed-grown) - var(--ed-docked)))}.ws>.panel{flex-grow:calc(1 + var(--dock) * (var(--panel-docked) - 1) + var(--grow) * (var(--panel-grown) - var(--panel-docked)))}.story[data-beat=judgment] .ws{--dock:1;transition-delay:.15s}:is([data-motion=full] .story[data-beat=judgment],.story[data-beat=fix]) .ws{--dock:1;--grow:1;transition-delay:.15s, calc(var(--fix-at) + .9s)}.title-ed,.story:is([data-beat=judgment],[data-beat=fix]) .title-pi{opacity:0}.story:is([data-beat=judgment],[data-beat=fix]) .title-ed{opacity:1}.ed{opacity:0;background:#212026;border-bottom:1px solid #3a3a41;flex-direction:column;min-height:0;transition:opacity .5s;display:flex;overflow:hidden}.story:is([data-beat=judgment],[data-beat=fix]) .ed{opacity:1;transition-delay:.35s}.panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-tab{color:#d9d4ca;max-height:0;transition:max-height .4s var(--ease), padding .4s var(--ease);background:#26252b;padding:0 .9em;overflow:hidden}.panel-tab-name{font-weight:600}.story:is([data-beat=judgment],[data-beat=fix]) .panel-tab{max-height:2em;padding-block:.25em}.ed-tabs{background:#26252b;gap:.2em;padding:.3em .6em 0;display:flex}.ed-tab{color:#8c877e;border-radius:6px 6px 0 0;padding:.25em .9em}.ed-tab.is-on{color:#f1ede6;background:#212026}.ed-crumbs{color:#8c877e;padding:.3em 1em .1em;font-size:.9em}.ed-code{padding:.3em 0 .5em;overflow:hidden}.cl{transition:grid-template-rows .4s var(--ease), opacity .35s ease, background-color .5s ease;grid-template-rows:1fr;display:grid;position:relative}.cl-in{white-space:pre;min-height:0;padding:0 1em 0 3.6em;overflow:hidden}.cl-in.i1{padding-left:calc(3.6em + 2ch)}.cl-in.i2{padding-left:calc(3.6em + 4ch)}.cl-in:before{content:attr(data-n);text-align:right;color:#5f5a54;width:2.4em;position:absolute;left:0}.cl:after{content:"";background:0 0;border-radius:2px;width:3px;transition:background-color .4s;position:absolute;top:.1em;bottom:.1em;left:2.85em}.kw{color:#c6a7d8}.fn{color:#8fc1b5}.ty{color:#f1be58}.str{color:#9bc28b}.cl-hot>.cl-in{transition:background-color .5s}.story[data-beat=judgment] .cl-hot>.cl-in{background:#e58a7a29;transition-delay:2.5s}.story[data-beat=judgment] .cl-hot:after{background:#e58a7a;transition-delay:2.5s}.cl-add{opacity:0;grid-template-rows:0fr}:is([data-motion=full] .story[data-beat=judgment],.story[data-beat=fix]) .cl-add{opacity:1;transition-delay:calc(var(--fix-at) + 1.6s + var(--d) * .25s);background:#9bc28b1f;grid-template-rows:1fr}:is([data-motion=full] .story[data-beat=judgment],.story[data-beat=fix]) .cl-add:after{transition-delay:calc(var(--fix-at) + 1.6s + var(--d) * .25s);background:#9bc28b}:is([data-motion=full] .story[data-beat=judgment],.story[data-beat=fix]) .cl-del{opacity:0;transition-delay:calc(var(--fix-at) + 1s);grid-template-rows:0fr}:is([data-motion=full] .story[data-beat=judgment],.story[data-beat=fix]) .cl-add.cl-mod{background:#6fa3c71f}:is([data-motion=full] .story[data-beat=judgment],.story[data-beat=fix]) .cl-add.cl-mod:after{background:#6fa3c7}@property --gone{syntax:"<integer>";inherits:true;initial-value:0}@property --added{syntax:"<integer>";inherits:true;initial-value:0}@property --n{syntax:"<integer>";inherits:false;initial-value:0}.cl-end>.cl-in{transition:--gone .25s step-end,--added 1s steps(4,start)}.cl-end>.cl-in:before{--n:calc(4 - var(--gone) + var(--added));counter-reset:close var(--n);content:counter(close)}:is([data-motion=full] .story[data-beat=judgment],.story[data-beat=fix]) .cl-end>.cl-in{--gone:2;--added:4;transition-delay:calc(var(--fix-at) + 1s), calc(var(--fix-at) + 1.8s)}@container stage (width<=540px){.ed-crumbs,.ed-tab-extra{display:none}.ws{--ed-docked:.7;--panel-docked:1;--ed-grown:1;--panel-grown:1}.story:is([data-beat=judgment],[data-beat=fix]) .term-status{display:none}}[data-motion=reduced] .stage *,[data-motion=reduced] .stage :before,[data-motion=reduced] .stage :after{transition-property:opacity,fill,stroke,color,background-color,visibility!important;transition-duration:.45s!important;animation:none!important}[data-motion=reduced] .stage{transition:none!important}[data-motion=reduced] .button-next span:after{animation:none}[data-motion=reduced] .ferry{transform:translate(96px)}[data-motion=reduced] .flow{transform:translateX(calc(var(--dx) / 2))}:root{--paper:#f4ede2;--paper-deep:#ebe1d1;--ink:#26221f;--ink-2:#4f4841;--ink-3:#6b6259;--rule:#d9ccb8;--accent:#b9472f;--accent-ink:#9a3a26;--sea:#2f6f80;--field:#fbf8f2;--field-line:#cbbda8;--tint:#b9472f12;--frame:var(--ink);--control-bg:#f4ede2db;--control-line:#26221f24;--dot:#26221f4d;--dot-hover:#26221f99;--display:var(--font-display,Georgia, serif);--body:var(--font-body,system-ui, sans-serif);--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--stage-h:clamp(12rem, 62.5vw, 42svh);--stage-h-tall:max(var(--stage-h), min(120vw, 58svh));color-scheme:light}:root[data-theme=dark]{--paper:#1c1a18;--paper-deep:#252220;--ink:#efe7da;--ink-2:#cfc5b6;--ink-3:#a2978a;--rule:#3b3530;--accent:#e27d61;--accent-ink:#ee957b;--sea:#72b4c4;--field:#252220;--field-line:#4a433c;--tint:#e27d611a;--frame:#4a433c;--control-bg:#1c1a18db;--control-line:#efe7da29;--dot:#efe7da59;--dot-hover:#efe7dab3;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html[data-motion=full]:not(.is-booting){scroll-behavior:smooth}:root.is-booting *,:root.is-booting :before,:root.is-booting :after{transition:none!important}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-kerning:normal;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6}h1,h2{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;margin:0 0 .6em;font-weight:560;line-height:1.08}h1{letter-spacing:-.025em;font-size:clamp(2.5rem,10vw,4.6rem);font-weight:600}h2{font-size:clamp(1.7rem,5.4vw,2.5rem)}p{text-wrap:pretty;margin:0 0 1em}a{color:var(--accent-ink);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--sea);outline-offset:3px;border-radius:4px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--ink);color:var(--paper);border-radius:8px;padding:.6rem 1rem;text-decoration:none;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.story{position:relative;container:story/inline-size}.stage{z-index:2;height:var(--stage-h);pointer-events:none;position:sticky;top:0}.story:is([data-beat=agent],[data-beat=judgment],[data-beat=fix]) .stage{height:var(--stage-h-tall);margin-bottom:calc(var(--stage-h) - var(--stage-h-tall))}.stage-frame,.stage-controls{pointer-events:auto}.beats{z-index:1;padding-inline:max(1.25rem, env(safe-area-inset-left)) max(1.25rem, env(safe-area-inset-right));position:relative}.beat{min-height:calc(100svh - var(--stage-h));scroll-margin-top:var(--stage-h);padding-block:2.25rem 3rem}#agent,#judgment{scroll-margin-top:var(--stage-h-tall)}.beat-inner{max-width:36rem;margin-inline:auto}.beat-contact{padding-bottom:max(3rem, env(safe-area-inset-bottom))}.beat-split{min-height:calc((100svh - var(--stage-h)) * 1.6)}@media (width>=60rem),(width>=34rem) and (orientation:landscape) and (height<=34rem){.story{--pad-l:clamp(1.5rem, 4.5vw, 4.5rem);--pad-r:clamp(1.5rem, 3vw, 3rem);grid-template-columns:minmax(20rem,40fr) 60fr;display:grid}.stage,.story:is([data-beat=agent],[data-beat=judgment],[data-beat=fix]) .stage{grid-area:1/2;align-self:start;height:100svh;margin-bottom:0;padding:clamp(.5rem,1.6vw,1.5rem) clamp(.5rem,1.6vw,1.5rem) clamp(.5rem,1.6vw,1.5rem) 0}.beats{padding-inline:var(--pad-l) var(--pad-r);grid-area:1/1}.beat{align-items:center;min-height:92svh;padding-block:12svh;scroll-margin-top:0;display:flex}#agent,#judgment{scroll-margin-top:0}.beat-inner{margin-inline:0}.beat-split{flex-direction:column;justify-content:center;align-items:stretch;min-height:130svh}.beat-hello,.beat-contact{min-height:100svh}}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.7rem;font-size:.75rem;transition:color .4s}.beat.is-active .eyebrow{color:var(--accent-ink)}.section-link{color:inherit;text-decoration:none}.eyebrow .section-link:hover{text-decoration:underline 1px}:is(h1,h2)>.section-link:after{content:"#";content:"#" / "";color:var(--accent);opacity:0;margin-left:.3em;font-weight:400;transition:opacity .15s}.beat-inner:has(.section-link:hover) :is(h1,h2)>.section-link:after,:is(h1,h2)>.section-link:focus-visible:after{opacity:1}.hi{font-family:var(--display);font-size:var(--hi-size);margin-bottom:var(--hi-gap);color:var(--ink-2);font-weight:450}.beat-hello{padding-top:1.75rem;container-type:inline-size}.intro{--hi-size:clamp(1.125rem, 4vw, 1.6rem);--hi-gap:.1rem;--name-size:clamp(1.9rem, 9.5cqi, 4.2rem);align-items:center;gap:clamp(1rem,5cqi,1.75rem);margin-bottom:1.1rem;display:flex}.intro h1{font-size:var(--name-size);margin-bottom:0}.portrait{width:calc(var(--hi-size) * 1.6 + var(--hi-gap) + var(--name-size) * 2.16);aspect-ratio:1;object-fit:cover;background:var(--paper-deep);height:auto;box-shadow:0 0 0 3px var(--paper), 0 0 0 4px var(--rule);border-radius:50%;flex:none}.lede{color:var(--ink);font-size:1.0625rem;line-height:1.55}.beat p:not(.lede,.hi,.eyebrow){color:var(--ink-2)}.beat p.takeaway{font-family:var(--display);color:var(--ink);margin-top:1.4rem;font-size:1.2rem;font-weight:500;line-height:1.4}.stack{color:var(--ink);flex-wrap:wrap;margin:0 0 1em;padding:0;font-size:.95rem;font-weight:500;list-style:none;display:flex}.stack li:not(:last-child):after{content:"·";content:"·" / "";color:var(--accent);margin-inline:.5em}.hello-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin-top:1.5rem;font-size:.9rem;display:flex}@media (width>=60rem),(width>=34rem) and (orientation:landscape) and (height<=34rem){.eyebrow{margin-bottom:1.1rem}.beat-hello{padding-top:12svh}.intro{--hi-size:clamp(1.125rem, 6.2cqi, 1.6rem);--hi-gap:.2rem;--name-size:clamp(2rem, 12.5cqi, 4.2rem);margin-bottom:1.6rem}.lede{font-size:1.2rem;line-height:1.5}.hello-actions{margin-top:2rem}}.button{color:var(--paper);background:var(--accent);border-radius:999px;align-items:center;gap:.55rem;padding:.65rem 1.35rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.button:hover{background:var(--accent-ink)}.binoculars-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.3rem;height:1.05rem;margin-left:-.15rem}.button-next span:after{content:"";border-bottom:1.7px solid;border-right:1.7px solid;width:.45em;height:.45em;margin-left:.6em;animation:2.2s ease-in-out infinite nudge;display:inline-block;transform:translateY(-.2em)rotate(45deg)}@keyframes nudge{0%,to{translate:0 -.12em}50%{translate:0 .12em}}.contact-hint{color:var(--ink-3);padding-block:.6rem;font-weight:500;text-decoration:none;transition:color .15s}.contact-hint:hover{color:var(--accent-ink)}.contact-hint span:after{content:"→";content:"→" / "";margin-left:.4em;transition:translate .15s;display:inline-block}.contact-hint:hover span:after{translate:.2em}.work{gap:1rem;margin:1.75rem 0 2rem;display:grid}.work-card{background:var(--field);border:1px solid var(--rule);border-radius:14px;padding:1.25rem 1.35rem 1.1rem;container-type:inline-size}.work-card h3{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0 0 .9rem;font-size:1.25rem;font-weight:560;line-height:1.2}.figures{border-top:1px solid var(--rule);grid-template-columns:auto 1fr;margin:0 0 1rem;display:grid}.figure{grid-column:1/-1;grid-template-columns:subgrid;border-bottom:1px solid var(--rule);align-items:baseline;column-gap:1rem;padding:.45rem 0;display:grid}.figure dd{font-family:var(--display);white-space:nowrap;color:var(--ink);grid-area:1/1;margin:0;font-size:1.3rem;font-weight:560;line-height:1.25}.figure dt{color:var(--ink-3);grid-area:1/2;font-size:.85rem;line-height:1.35}.figure-to{font-family:var(--body);color:var(--accent);font-size:.85em}.beat .work-card p{margin-bottom:.7em;font-size:.95rem;line-height:1.55}.beat .work-card p:last-child{margin-bottom:0}@container (width<=19rem){.figures{grid-template-columns:1fr}.figure{grid-template-columns:1fr;row-gap:.1rem}.figure dt{grid-area:2/1}}.glance-actions{margin:0}@media (width>=75rem){.story{--glance-w:min(62cqw - var(--pad-l), 62rem);--frame-shift:calc(var(--pad-l) + var(--glance-w) + var(--pad-r) - 40cqw)}.beat-glance .beat-inner{width:var(--glance-w);flex:none;max-width:none}.glance-head{max-width:min(36rem, 40cqw - var(--pad-l) - var(--pad-r))}.work{grid-template-columns:1fr 1fr;gap:1.25rem;margin-block:2rem 2.25rem}.work-card+.work-card{opacity:0;transition:opacity .5s}.story[data-beat=glance] .work-card+.work-card{opacity:1;transition-delay:.25s}}.tools{border-top:1px solid var(--rule);margin:1.5rem 0;padding:0}.tool{border-bottom:1px solid var(--rule);grid-template-columns:minmax(9rem,13rem) 1fr;gap:.2rem 1.25rem;padding:.7rem 0;transition:background-color .2s;display:grid}.tool dt{color:var(--ink);font-weight:600}.tool dd{color:var(--ink-2);margin:0}@media (hover:hover){.tool:hover{background:linear-gradient(90deg, var(--tint), transparent 80%)}}@media (width<=30rem){.tool{grid-template-columns:1fr}}.loop-steps{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.loop-steps li{font-family:var(--display);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:500;display:flex}.loop-steps li:not(:last-child):after{content:"→";font-family:var(--body);color:var(--accent)}.loop-again{color:var(--ink-3)}.links{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.5rem 0;padding:0;list-style:none;display:flex;container-type:inline-size}.links a{border:1.5px solid var(--ink);color:var(--ink);border-radius:999px;padding:.55rem 1.1rem;font-weight:600;text-decoration:none;display:inline-block}.links a:hover{background:var(--ink);color:var(--paper)}.links-cv{margin-left:auto;margin-right:-.55rem}.cv-request{font:inherit;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .55rem;font-size:.82rem;transition:color .15s,background-color .15s;display:inline-flex}.cv-request:active{color:var(--ink);background-color:color-mix(in srgb, var(--ink) 8%, transparent)}@media (hover:hover){.cv-request:hover{color:var(--ink);background-color:color-mix(in srgb, var(--ink) 8%, transparent)}}.cv-request svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linejoin:round;stroke-linecap:round;flex:none;width:1rem;height:1rem}@container (width<=20.75rem){.links a{padding:.5rem .85rem;font-size:.9375rem}}@container (width<=19rem){.links-cv{margin-left:-.55rem}}.contact{border-top:1px solid var(--rule);gap:1rem;margin-top:2rem;padding-top:1.5rem;display:grid}.field{gap:.35rem;display:grid}.field label{font-size:.9rem;font-weight:600}.field input,.field textarea{width:100%;font:inherit;color:var(--ink);background:var(--field);border:1.5px solid var(--field-line);border-radius:10px;padding:.7rem .85rem}.field textarea{resize:vertical}.field :is(input,textarea)::placeholder{color:var(--ink-3);opacity:.8}@media (width<=34rem){.field textarea{min-height:calc(9lh + 1.4rem + 3px)}}.field input:focus-visible,.field textarea:focus-visible{outline-offset:1px;border-color:var(--sea)}.contact button{font:inherit;color:var(--paper);background:var(--accent);cursor:pointer;border:0;border-radius:999px;justify-self:start;padding:.7rem 1.6rem;font-weight:600}.contact button:hover{background:var(--accent-ink)}.colophon{color:var(--ink-3);margin-top:3rem;font-size:.85rem}.colophon p{color:inherit!important}@media print{.stage{display:none}.beat{min-height:0}}