@layer components{.journey-stage{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(60% 45% at 62% 42%, color-mix(in srgb, var(--color-fg) 3%, var(--color-void)) 0%, var(--color-void) 72%);transition:opacity .7s;position:fixed;inset:0}.journey-stage canvas{width:100%;height:100%;display:block;position:relative}html[data-motion=full] .journey[data-engine] .journey-stage{opacity:1}.stage-light{opacity:0;transition:opacity 1.1s var(--ease-in-out-cubic);background:radial-gradient(var(--light-size,46% 48%) at var(--light-at,66% 50%), color-mix(in srgb, var(--light,var(--color-fg)) var(--light-mix,8%), transparent), transparent 74%);position:absolute;inset:0}.stage-light[data-k=origin]{--light:var(--color-fg);--light-mix:5%;--light-at:72% 48%}.stage-light[data-k=ingress]{--light:var(--color-fg-muted);--light-mix:7%}.stage-light[data-k=recovery]{--light:var(--color-fail);--light-mix:7%;--light-at:34% 50%}.stage-light[data-k=intelligence]{--light:var(--color-ai);--light-mix:13%}.stage-light[data-k=transaction]{--light:var(--color-tx);--light-mix:10%;--light-at:34% 50%}.stage-light[data-k=impact]{--light:var(--color-warm);--light-mix:11%;--light-at:66% 56%}.stage-light[data-k=work]{--light:var(--color-fg);--light-mix:4%;--light-size:70% 60%;--light-at:64% 46%}.stage-light[data-k=response]{--light:var(--color-accent);--light-mix:8%;--light-at:72% 48%}.journey-stage[data-light=origin] .stage-light[data-k=origin],.journey-stage[data-light=ingress] .stage-light[data-k=ingress],.journey-stage[data-light=recovery] .stage-light[data-k=recovery],.journey-stage[data-light=intelligence] .stage-light[data-k=intelligence],.journey-stage[data-light=transaction] .stage-light[data-k=transaction],.journey-stage[data-light=impact] .stage-light[data-k=impact],.journey-stage[data-light=work] .stage-light[data-k=work],.journey-stage[data-light=response] .stage-light[data-k=response]{opacity:1}@media (max-width:767px){.stage-light{--light-size:80% 40%;--light-at:50% 34%!important}}.journey-hud{transition:opacity .4s,visibility .4s}html[data-motion=full] .journey[data-inview=false] .journey-stage,html[data-motion=full] .journey[data-inview=false] .journey-hud,html[data-motion=full] .journey[data-inview=false] .scene-hit-layer{opacity:0;visibility:hidden}.scene-hit-layer,.journey-hud{display:none}html[data-motion=full] .journey[data-engine] .journey-hud,html[data-motion=full] .journey[data-engine] .scene-hit-layer{display:block}.journey{overflow-x:clip}.journey-scene{z-index:1;position:relative}html[data-motion=full] .journey .journey-scene{min-height:var(--scene-h,200vh)}html[data-motion=full] .journey .scene-sticky{top:var(--header-h);height:calc(100dvh - var(--header-h));pointer-events:none;align-items:center;padding-block:1rem 4.75rem;display:flex;position:sticky}html[data-motion=full] .journey .scene-frame{pointer-events:none;display:flex}html[data-motion=full] .journey .scene-frame[data-side=right]{justify-content:flex-end}@media (min-width:768px) and (max-aspect-ratio:1/1.15){html[data-motion=full] .journey .scene-sticky{align-items:flex-end}}html[data-motion=full] .journey .scene-text{pointer-events:auto}html[data-motion=full] .journey .scene-figure{display:none}@media (max-width:767px){html[data-motion=full] .journey .journey-scene{min-height:var(--scene-h-sm,150vh)}html[data-motion=full] .journey .scene-sticky{height:auto;padding:46vh 0 2rem;display:block;position:static}}.legible{isolation:isolate;position:relative}.legible:before{content:"";z-index:-1;pointer-events:none;background:color-mix(in srgb, var(--color-void) 90%, transparent);-webkit-mask-composite:source-in;position:absolute;inset:-3.5rem -5rem;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4.5rem calc(100% - 4.5rem),#0000),linear-gradient(#0000,#000 3rem calc(100% - 3rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 4.5rem calc(100% - 4.5rem),#0000),linear-gradient(#0000,#000 3rem calc(100% - 3rem),#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:767px){.legible:before{inset:-3rem calc(-1 * var(--gutter)) -2.5rem;background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--color-void) 90%, transparent) 3rem, color-mix(in srgb, var(--color-void) 90%, transparent) calc(100% - 2.5rem), transparent);-webkit-mask-image:none;mask-image:none}}.scene-eyebrow{align-items:center;gap:.75rem;display:flex}.scene-eyebrow:after{content:"";background:var(--color-accent);order:1;width:1.75rem;height:1px}.scene-eyebrow>:last-child{order:2}html:not([data-motion=full]) .journey .journey-scene:not(#origin){border-top:1px solid var(--color-line);padding-block:clamp(3.5rem,2rem + 5vw,7rem)}html:not([data-motion=full]) .journey .scene-frame{gap:2.25rem;display:grid}@media (min-width:960px){html:not([data-motion=full]) .journey .scene-frame{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:clamp(2.5rem,5vw,6rem)}html:not([data-motion=full]) .journey .scene-frame[data-side=right]{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}html:not([data-motion=full]) .journey .scene-frame[data-side=right]>.scene-text{order:2}}html:not([data-motion=full]) .journey .legible:before{content:none}.scene-figure{margin:0;display:block}.scene-figure svg{width:100%;height:auto;display:block;overflow:visible}@media (max-width:640px){.scene-figure svg text:not([font-size]){letter-spacing:.02em;font-size:15px}}.scene-figure figcaption{border-top:1px solid var(--color-line);font:400 .6875rem/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-dim);gap:.75rem;margin-top:.85rem;padding-top:.7rem;display:flex}.rk-mark-dom{transition:opacity .6s}html[data-motion=full] .journey[data-engine=ready] .rk-mark-dom{opacity:0}.hit-target{pointer-events:auto;cursor:help;width:44px;height:44px;transition:border-color var(--dur-fast) ease, opacity var(--dur-base) ease;background:0 0;border:1px solid #0000;border-radius:50%;margin:-22px 0 0 -22px;position:absolute;top:0;left:0}.hit-target:hover,.hit-target:focus-visible,.hit-target[aria-expanded=true]{border-color:color-mix(in srgb, var(--color-fg) 55%, transparent)}.hit-target[hidden]{display:none}.node-tag{white-space:nowrap;font:500 .625rem/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);background:color-mix(in srgb, var(--color-void) 60%, transparent);pointer-events:none;transition:color var(--dur-fast) ease;border-radius:2px;padding:1px 5px;position:absolute;top:50%;left:38px;transform:translateY(-50%)}.hit-target:hover .node-tag,.hit-target[aria-expanded=true] .node-tag{color:var(--color-fg)}.hit-target[data-quiet=true] .node-tag{opacity:0;transition:opacity var(--dur-fast) ease}.hit-target[data-quiet=true]:hover .node-tag,.hit-target[data-quiet=true][aria-expanded=true] .node-tag{opacity:1}.node-tag[data-tone=bad]{color:var(--color-fail);text-decoration:line-through;text-decoration-thickness:1px}.node-tag[data-tone=bad] .node-tag-status{color:var(--color-fail);text-decoration:none;display:inline-block}.node-tag[data-tone=warn] .node-tag-status{color:var(--color-warm)}.node-tag[data-tone=ok] .node-tag-status{color:var(--color-ok)}.node-tag[data-tone=info] .node-tag-status{color:var(--color-fg-muted)}.packet-tag{white-space:nowrap;font:500 .65rem/1.5 var(--font-mono);letter-spacing:.06em;color:var(--color-fg-muted);background:color-mix(in srgb, var(--color-void) 76%, transparent);border:1px solid color-mix(in srgb, var(--color-accent) 60%, transparent);will-change:transform;border-radius:2px;margin:-34px 0 0 16px;padding:2px 7px;transition:opacity .25s;position:absolute;top:0;left:0}.packet-tag:before{content:"";background:var(--color-accent);transform-origin:100%;width:14px;height:1px;position:absolute;bottom:-12px;left:-12px;transform:rotate(-45deg)}.dest-chip{max-width:15rem;min-height:28px;font:500 .75rem/1.35 var(--font-sans);color:var(--color-fg);background:color-mix(in srgb, var(--color-void) 80%, transparent);border:1px solid var(--color-line-strong);pointer-events:auto;white-space:nowrap;transition:border-color var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:2px;align-items:center;gap:.45rem;margin:-40px 0 0 -12px;padding:3px 9px;display:inline-flex;position:absolute;top:0;left:0}.dest-chip>span{text-overflow:ellipsis;overflow:hidden}.dest-chip:before{content:"";background:var(--chip,var(--color-fg-muted));width:6px;height:6px;transition:background-color var(--dur-fast) ease;flex:none;transform:rotate(45deg)}.dest-chip:hover,.dest-chip:focus-visible{border-color:var(--color-accent)}.dest-chip:hover:before,.dest-chip:focus-visible:before{background:var(--color-accent)}.dest-chip[hidden]{display:none}@keyframes drip{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.scroll-cue:after{content:"";vertical-align:middle;background:var(--color-accent);width:1px;height:18px;margin-left:10px;display:inline-block}html[data-motion=full] .scroll-cue:after{animation:1.8s ease-in-out infinite drip}html:not([data-motion=full]) .scroll-cue{display:none}.hero-exit{min-height:44px;font:500 .875rem/1 var(--font-sans);color:var(--color-fg-muted);transition:color var(--dur-fast) ease;align-items:center;gap:.4rem;padding-inline:.25rem;display:inline-flex}.hero-exit:hover,.hero-exit:focus-visible{color:var(--color-fg)}.hero-exit svg{transition:transform var(--dur-fast) var(--ease-out-quart)}.hero-exit:hover svg,.hero-exit:focus-visible svg{transform:translate(2px)}@keyframes trace-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}.trace-line{animation:.35s ease-out trace-in}.story-bar{transition:transform var(--dur-base) var(--ease-out-quart), opacity var(--dur-base) ease}@media (max-width:767px){.story-bar[data-rest=true]:not(:focus-within){opacity:0;pointer-events:none;transform:translateY(100%)}}.work-item{border-bottom:1px solid var(--color-line);position:relative}.work-item:before{content:"";background:var(--color-accent);transform-origin:0;width:100%;height:1px;transition:transform var(--dur-base) var(--ease-out-quart);position:absolute;top:-1px;left:0;transform:scaleX(0)}.work-item:hover:before,.work-item:focus-within:before{transform:none}.work-item:hover .work-index,.work-item:focus-within .work-index{color:var(--color-signal)}.work-item:hover .work-title,.work-item:focus-within .work-title{color:var(--color-fg)}.work-item:hover .work-arrow,.work-item:focus-within .work-arrow{color:var(--color-fg);transform:translate(3px)}.chapter-label{opacity:0;transition:opacity var(--dur-fast) ease, transform var(--dur-fast) ease;transform:translate(-4px)}.chapter-link:hover .chapter-label,.chapter-link:focus-visible .chapter-label{opacity:1;transform:none}.response-destinations{background:linear-gradient(to bottom, transparent, var(--color-void) 10rem)}.door{border-top:1px solid var(--color-line-strong);padding-top:1.25rem;display:block;position:relative}.door:before{content:"";background:var(--door-rule,var(--color-fg-dim));width:3rem;height:1px;transition:width var(--dur-enter) var(--ease-out-quart);position:absolute;top:-1px;left:0}.door[data-primary=true]{--door-rule:var(--color-accent)}.door:hover:before,.door:focus-within:before{width:100%}html[data-motion=reduced] .door:before{transition:none}}@media (min-width:768px) and (max-height:860px){html[data-motion=full] .journey .scene-sticky{padding-block:.5rem 4rem}html[data-motion=full] .journey .scene-text [data-part=title]{margin-top:.75rem;font-size:clamp(1.75rem,1.1rem + 1.6vw,2.35rem)}html[data-motion=full] .journey .scene-text [data-part=body]{margin-top:.875rem;font-size:.9375rem;line-height:1.6}}html[data-motion=full] .journey .scene-sticky[data-tall=true]{top:var(--sticky-top,var(--header-h));align-items:flex-start;height:auto}