.opening-scene{isolation:isolate}
.opening-coffee{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.workflow-running .coffee-steam{opacity:1}
.workflow-running .steam-wisp{animation:coffee-rise 2.9s ease-out infinite;animation-delay:var(--steam-delay)}
@media(prefers-reduced-motion:reduce){.workflow-running .steam-wisp{animation:none}}
.workflow-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.workflow-hit{position:absolute;inset:0;clip-path:polygon(24.4% 47.3%,59% 49.2%,56.5% 67.7%,21% 64.2%);border:0;background:transparent;cursor:pointer;z-index:3;touch-action:pan-y}
.workflow-hit:focus-visible{outline:none;background:transparent}
.workflow-screen-wash{fill:#f2cf74!important;stroke:none!important;opacity:.12}
.workflow-sunlight{z-index:1}
@media(hover:hover){.workflow-hit:hover+.workflow-sunlight{opacity:1}}
.workflow-hit:focus-visible+.workflow-sunlight,.workflow-hit:active+.workflow-sunlight{opacity:1}
.workflow-running .workflow-sunlight{opacity:0!important}
.workflow-overlay{z-index:2;overflow:visible}
.workflow-route{fill:none;stroke:#c28a38;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.workflow-node{fill:#edbf66;opacity:0}
.workflow-result{opacity:0;transform-origin:424px 646px}
.workflow-result rect{fill:#f6efdb;stroke:#537764;stroke-width:1.5}
.workflow-result path{fill:none;stroke:#537764;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.workflow-running .workflow-route{animation:ink-travel .889s ease forwards;animation-delay:calc(var(--delay)/1.35)}
.workflow-running .workflow-node{animation:node-work 1.111s ease both;animation-delay:calc(var(--delay)/1.35)}
.workflow-running .workflow-result{animation:result-arrives 1.481s ease both;animation-delay:3.481s}
.workflow-cue{position:absolute;left:23%;top:46%;font:clamp(13px,4cqw,20px)/1.1 'Caveat',cursive;color:#355c65;transform:rotate(3deg);pointer-events:none;transition:opacity .3s}
.workflow-running .workflow-cue{opacity:0}
.window-birds{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.bird-flight{opacity:0}
.bird-body{fill:#344c4b}
.bird-wing{fill:none;stroke:#344c4b;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:center}
.workflow-running .bird-flight{animation:birds-pass 3.6s linear both;animation-delay:var(--bird-delay)}
.workflow-running .bird-wing{animation:bird-flap .42s ease-in-out infinite alternate}
@keyframes birds-pass{0%{opacity:0;transform:translate(-25px,20px)}12%,85%{opacity:.95}100%{opacity:0;transform:translate(125px,-25px)}}
@keyframes bird-flap{from{transform:scaleY(1)}to{transform:scaleY(-.45)}}
@keyframes ink-travel{0%{opacity:0;stroke-dashoffset:1}12%{opacity:.8}75%{opacity:.8;stroke-dashoffset:0}100%{opacity:.25;stroke-dashoffset:0}}
@keyframes node-work{0%,100%{opacity:0}30%,65%{opacity:.5}}
@keyframes result-arrives{0%{opacity:0;transform:scale(.8)}20%,80%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.workflow-running .bird-flight,.workflow-running .bird-wing{animation:none}.workflow-running .workflow-route{animation:none;opacity:.35;stroke-dashoffset:0}.workflow-running .workflow-node{animation:none}.workflow-running .workflow-result{animation:none;opacity:1}.workflow-cue{transition:none}}