.stage-demo-shell{--stage-demo-side:clamp(1.2rem,4vw,3.6rem);--stage-demo-max:74rem;--stage-demo-panel:rgba(var(--paper-rgb),0.66);--stage-demo-panel-strong:rgba(var(--paper-rgb),0.88);--stage-demo-border:hsl(var(--line)/0.24);--stage-demo-muted:hsl(var(--muted));--stage-demo-accent:hsl(var(--accent));--stage-demo-warm:#cf4f43;--stage-demo-shadow:0 1.1rem 3.2rem rgba(26,34,58,0.12);--stage-demo-token-height:2.25rem;--stage-demo-token-width:6rem;position:relative;min-height:100svh;overflow-x:clip;background:linear-gradient(90deg,hsl(var(--line)/.08) 1px,transparent 1px),linear-gradient(hsl(var(--line)/.06) 1px,transparent 1px),var(--paper);background-size:42px 42px,42px 42px,auto;color:hsl(var(--foreground));isolation:isolate}.dark .stage-demo-shell{--stage-demo-panel:rgba(18,19,19,0.68);--stage-demo-panel-strong:rgba(18,19,19,0.88);--stage-demo-border:hsl(var(--line)/0.34);--stage-demo-shadow:0 1rem 3rem rgba(0,0,0,0.34)}.stage-demo-shell .site-header{position:fixed;z-index:30}.stage-act{--act-progress:0;--act-enter-progress:0;--act-exit-progress:0;--act-enter:0;--act-exit:0;--act-opacity:1;--act-scale:1;--act-y:0px;--act-copy-x:0px;--act-aside-x:0px;--act-card-progress:0;--act-card-x:0px;--act-scan-x:-130%;--act-glow:0;--act-body-y:0px;--act-detail-opacity:1}.stage-demo-shell .stage-act__pin{padding:clamp(5.8rem,11svh,8.4rem) var(--stage-demo-side) clamp(3.5rem,9svh,6rem)}.stage-overlay{position:fixed;top:clamp(5.2rem,7.6svh,6.8rem);right:var(--stage-demo-side);z-index:25;width:min(25rem,calc(100vw - var(--stage-demo-side) * 2));pointer-events:none}.presentation-deck{display:contents}.presentation-act__inner{width:min(var(--stage-demo-max),100%);margin:auto;opacity:var(--act-opacity);transform:translate3d(0,var(--act-y),0) scale(var(--act-scale));transform-origin:center;will-change:transform,opacity}.presentation-act__label{margin:0 0 1rem;color:var(--stage-demo-accent);font-family:var(--font-mono);font-size:clamp(.72rem,.9vw,.84rem);font-weight:650;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.hero-act__title,.presentation-act__title{margin:0;max-width:13ch;color:hsl(var(--foreground));font-family:var(--font-display-strong);font-weight:400;letter-spacing:0;text-transform:uppercase;text-wrap:balance}.hero-act__title{font-size:clamp(4.4rem,12vw,10.6rem);line-height:.82}.presentation-act__title{font-size:clamp(3.6rem,8vw,7.2rem);line-height:.88}.hero-act__lede,.presentation-act__body{max-width:48rem;color:hsl(var(--foreground)/.72);font-size:clamp(1rem,1.55vw,1.22rem);line-height:1.72}.hero-act__lede{margin:clamp(1.4rem,3vw,2.2rem) 0 0;transform:translate3d(var(--act-copy-x),0,0)}.hero-act__body,.hero-act__lede{opacity:var(--act-opacity);will-change:transform,opacity}.hero-act__body{width:min(44rem,100%);margin-top:clamp(2rem,4vw,3.2rem);transform:translate3d(0,var(--act-body-y),0)}.split-act__inner,.sticky-scene-act__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(20rem,.74fr);gap:clamp(2rem,5vw,5.2rem);align-items:center}.split-act__copy,.sticky-scene-act__copy{min-width:0;opacity:var(--act-detail-opacity,var(--act-opacity));transform:translate3d(var(--act-copy-x),0,0);will-change:transform,opacity}.sticky-scene-act__copy{position:relative;z-index:1}.split-act__aside,.stage-demo-notes-panel,.stage-demo-pipeline{border:1px solid var(--stage-demo-border);border-radius:8px;background:var(--stage-demo-panel);box-shadow:var(--stage-demo-shadow);backdrop-filter:blur(18px)}.split-act__aside{min-width:0;opacity:var(--act-opacity);transform:translate3d(var(--act-aside-x),0,0);will-change:transform,opacity}.sticky-scene-act__scene{position:sticky;z-index:0;top:clamp(5.2rem,10svh,7.4rem);align-self:start;height:clamp(23rem,54svh,37rem);overflow:visible;opacity:var(--act-opacity);will-change:opacity}.speaker-note{margin-top:1.6rem;border-left:2px solid var(--stage-demo-warm);padding-left:1rem;color:hsl(var(--foreground)/.66);font-size:.96rem}.code-act__inner{display:grid;grid-template-columns:minmax(15rem,.48fr) minmax(0,1fr);gap:clamp(1.4rem,3vw,2rem);align-items:center}.code-act__copy{min-width:0}.code-act__code{--article-ink:hsl(var(--foreground));position:relative;isolation:isolate;min-width:0;max-width:100%;margin:0;overflow:hidden;border-radius:8px;box-shadow:var(--stage-demo-shadow)}.code-act__code [data-rehype-pretty-code-figure]{margin:0}.code-act__code .article-prose__code-block.yweb-code-block__pre{max-height:min(54svh,32rem);overflow-x:hidden;overflow-y:hidden}.code-act__code .article-prose__code-block.yweb-code-block__pre code{width:100%;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.code-act__code .article-prose__code-block.yweb-code-block__pre [data-line]{display:block;width:100%;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.code-act__code:after{position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,transparent 0,hsl(var(--accent)/.16) 48%,transparent 62%);content:"";opacity:var(--act-glow);pointer-events:none;transform:translate3d(var(--act-scan-x),0,0);will-change:transform,opacity}.stage-demo-hud-shell{position:relative;display:grid;width:100%;justify-items:end;pointer-events:none}.stage-demo-hud-toggle,.stage-demo-hud-viewport{grid-area:1/1}.stage-demo-hud-viewport{display:grid;width:100%;grid-template-rows:0fr;opacity:0;transform:translate3d(0,-.4rem,0);transition:grid-template-rows .18s ease,opacity .15s ease,transform .18s ease,visibility 0s linear .18s;visibility:hidden}.stage-demo-hud-shell[data-expanded=true] .stage-demo-hud-viewport{grid-template-rows:1fr;opacity:1;transform:none;transition-delay:0s;visibility:visible}.stage-demo-hud{display:grid;min-height:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--stage-demo-border);border-radius:8px;background:var(--stage-demo-border)}.stage-demo-hud,.stage-demo-hud-toggle{box-shadow:var(--stage-demo-shadow);pointer-events:auto}.stage-demo-hud-toggle{z-index:2;display:inline-grid;width:2.5rem;height:2.5rem;place-items:center;align-self:start;border:1px solid var(--stage-demo-border);border-radius:6px;background:var(--stage-demo-panel-strong);color:hsl(var(--foreground));cursor:pointer;transition:border-color .16s ease,color .16s ease,transform .16s ease}.stage-demo-hud-shell[data-expanded=true] .stage-demo-hud-toggle{align-self:center;box-shadow:var(--stage-demo-shadow);transform:translateX(calc(100% + .55rem))}.stage-demo-hud-toggle:focus-visible,.stage-demo-hud-toggle:hover{border-color:hsl(var(--accent)/.62);color:var(--stage-demo-accent);transform:translateY(-1px)}.stage-demo-hud-shell[data-expanded=true] .stage-demo-hud-toggle:focus-visible,.stage-demo-hud-shell[data-expanded=true] .stage-demo-hud-toggle:hover{transform:translateX(calc(100% + .55rem)) translateY(-1px)}.stage-demo-hud>div{min-width:0;padding:.78rem .86rem;background:var(--stage-demo-panel-strong)}.stage-demo-hud__label{display:block;margin-bottom:.25rem;color:var(--stage-demo-muted);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.stage-demo-hud strong{display:block;overflow:hidden;color:hsl(var(--foreground));font-family:var(--font-display);font-size:clamp(.88rem,1.1vw,1rem);font-weight:700;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.stage-demo-controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.stage-demo-controls button{display:inline-flex;align-items:center;min-height:2.45rem;gap:.44rem;border:1px solid var(--stage-demo-border);border-radius:6px;padding:.62rem .78rem;background:var(--stage-demo-panel-strong);color:hsl(var(--foreground));cursor:pointer;font-family:var(--font-mono);font-size:.78rem;font-weight:650;line-height:1;transition:border-color .16s ease,color .16s ease,transform .16s ease}.stage-demo-controls button:focus-visible,.stage-demo-controls button:hover{border-color:hsl(var(--accent)/.62);color:var(--stage-demo-accent);transform:translateY(-1px)}.stage-demo-controls__progress{position:relative;flex:1 1 12rem;height:.42rem;overflow:hidden;border-radius:999px;background:hsl(var(--line)/.2)}.stage-demo-controls__progress span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--stage-demo-accent),var(--stage-demo-warm))}.stage-demo-pipeline{position:relative;display:grid;gap:1rem;padding:clamp(1.1rem,2.5vw,1.5rem);background:rgba(var(--paper-rgb),.3);backdrop-filter:blur(2px)}.dark .stage-demo-pipeline{background:rgba(18,19,19,.36)}.stage-demo-pipeline__step{display:grid;grid-template-columns:var(--stage-demo-token-width) minmax(0,1fr);gap:.7rem .82rem;align-items:center;color:hsl(var(--foreground))}.stage-demo-pipeline__label{min-width:0;font-family:var(--font-display);font-size:clamp(1rem,1.4vw,1.22rem);font-weight:700;line-height:1.14}.stage-demo-pipeline__label,.stage-demo-pipeline__step meter{opacity:var(--step-opacity,1);transform:translate3d(0,var(--step-y,0),0);will-change:transform,opacity}.stage-demo-pipeline__step meter{grid-column:1/-1;width:100%;height:.48rem}.stage-demo-scene-panel{position:relative;overflow:visible;height:100%;min-height:0;background:transparent}.stage-act[data-stage-act-id=r3f-destination] .split-act__aside,.stage-act[data-stage-act-id=r3f-origin] .split-act__aside{background:rgba(var(--paper-rgb),.28);backdrop-filter:blur(2px)}.dark .stage-act[data-stage-act-id=r3f-destination] .split-act__aside,.dark .stage-act[data-stage-act-id=r3f-origin] .split-act__aside{background:rgba(18,19,19,.34)}.stage-demo-r3f-anchors{position:relative;min-height:clamp(22rem,52svh,34rem);overflow:hidden}.stage-demo-r3f-anchor{position:absolute;width:clamp(4.8rem,9vw,6.4rem);aspect-ratio:1;border:1px dashed hsl(var(--accent)/.46);border-radius:8px;transform:translate(-50%,-50%)}.stage-demo-r3f-anchor:after,.stage-demo-r3f-anchor:before{position:absolute;top:50%;left:50%;background:hsl(var(--accent)/.34);content:"";transform:translate(-50%,-50%)}.stage-demo-r3f-anchor:before{width:1.4rem;height:1px}.stage-demo-r3f-anchor:after{width:1px;height:1.4rem}.stage-demo-r3f-anchor span{position:absolute;right:.38rem;bottom:.32rem;color:hsl(var(--foreground)/.54);font-family:var(--font-mono);font-size:.62rem;font-weight:700;line-height:1;text-transform:uppercase}.stage-demo-r3f-anchors--origin [data-object-id=orb]{top:52%;left:19%}.stage-demo-r3f-anchors--origin [data-object-id=cube]{top:52%;left:50%}.stage-demo-r3f-anchors--origin [data-object-id=ring]{top:52%;left:81%}.stage-demo-r3f-anchors--destination [data-object-id=orb]{top:24%;left:50%}.stage-demo-r3f-anchors--destination [data-object-id=cube]{top:72%;left:25%}.stage-demo-r3f-anchors--destination [data-object-id=ring]{top:72%;left:75%}.stage-demo-card-rail{display:grid;gap:.9rem;overflow:hidden;padding:clamp(1rem,2vw,1.25rem)}.stage-demo-shared-token-strip{display:flex;gap:.55rem;align-items:center;min-width:0}.stage-demo-shared-token{display:inline-flex;flex:0 0 var(--stage-demo-token-width);width:var(--stage-demo-token-width);height:var(--stage-demo-token-height);align-items:center;justify-content:center;gap:.35rem;box-sizing:border-box;border:1px solid hsl(var(--accent)/.42);border-radius:6px;background:hsl(var(--background)/.92);color:var(--stage-demo-accent);font-family:var(--font-mono);font-size:.64rem;font-weight:700;line-height:1;text-transform:uppercase}.stage-shared-transition-clone.stage-demo-shared-token{border-color:hsl(var(--accent)/.78);background:var(--stage-demo-panel-strong);box-shadow:0 0 0 1px hsl(var(--accent)/.2),0 .75rem 2.2rem hsl(var(--accent)/.2)}.stage-demo-shared-token svg{flex:0 0 auto}.stage-demo-shared-token>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-demo-card-rail__track{display:flex;width:-moz-max-content;width:max-content;max-width:none;gap:.8rem;opacity:var(--act-detail-opacity,1);transform:translate3d(var(--act-card-x),0,0);will-change:transform,opacity}.stage-demo-card{display:grid;width:clamp(12.5rem,19vw,16.5rem);min-height:12.5rem;align-content:space-between;border:1px solid hsl(var(--line)/.26);border-radius:8px;padding:1rem;background:hsl(var(--background)/.54)}.stage-demo-card span{color:var(--stage-demo-accent);font-family:var(--font-mono);font-size:.68rem;font-weight:700}.stage-demo-card h3{margin:1.35rem 0 .72rem;color:hsl(var(--foreground));font-family:var(--font-display);font-size:clamp(1.18rem,1.8vw,1.55rem);line-height:1}.stage-demo-card p{margin:0;color:hsl(var(--foreground)/.68);font-size:.88rem;line-height:1.52}.stage-demo-scroll-regions{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.8rem;box-sizing:border-box;height:min(52svh,31rem);min-height:0;padding:clamp(.7rem,1.5vw,1rem)}.stage-demo-scroll-demo{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.45rem;min-width:0;min-height:0}.stage-demo-scroll-demo__header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;color:hsl(var(--foreground));font-family:var(--font-mono);line-height:1.2}.stage-demo-scroll-demo__header span{color:var(--stage-demo-accent);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.stage-demo-scroll-demo__header small{overflow:hidden;color:hsl(var(--foreground)/.58);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.stage-demo-free-scroll{border:1px solid hsl(var(--line)/.3);border-radius:6px;background:hsl(var(--background)/.5)}.stage-demo-free-scroll--y{padding:.4rem}.stage-demo-scroll-boundary{margin:0;padding:.42rem .5rem;color:var(--stage-demo-accent);font-family:var(--font-mono);font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.stage-demo-scroll-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;margin-bottom:.4rem;border:1px solid hsl(var(--line)/.22);border-radius:5px;padding:.65rem;background:hsl(var(--background)/.72)}.stage-demo-scroll-chip span,.stage-demo-scroll-step>span{color:var(--stage-demo-accent);font-family:var(--font-mono);font-size:.58rem;font-weight:700}.stage-demo-scroll-step h3{margin:0;color:hsl(var(--foreground));font-family:var(--font-display);font-size:1rem;line-height:1}.stage-demo-scroll-step p{margin:.35rem 0 0;color:hsl(var(--foreground)/.62);font-size:.72rem;line-height:1.38}.stage-demo-free-scroll--x{padding:.45rem}.stage-demo-free-scroll__track{display:flex;width:-moz-max-content;width:max-content;gap:.45rem}.stage-demo-scroll-chip{display:grid;width:7.5rem;min-height:3.8rem;align-content:space-between;border:1px solid hsl(var(--line)/.24);border-radius:5px;padding:.55rem;background:hsl(var(--background)/.72)}.stage-demo-scroll-chip strong{color:hsl(var(--foreground));font-family:var(--font-display);font-size:.92rem;line-height:1}.stage-demo-r3f{width:100vw;height:100svh;min-height:0;pointer-events:none}.stage-demo-notes-panel{padding:clamp(1.1rem,2.4vw,1.5rem)}.stage-demo-notes-panel__title{margin:0 0 .8rem;color:var(--stage-demo-accent);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.stage-demo-notes-panel p{margin:0;color:hsl(var(--foreground)/.75);line-height:1.62}.stage-demo-notes-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.2rem 0 0}.stage-demo-notes-panel div{min-width:0}.stage-demo-notes-panel dt{color:var(--stage-demo-muted);font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase}.stage-demo-notes-panel dd{margin:.2rem 0 0;color:hsl(var(--foreground));font-family:var(--font-display);font-size:1rem;font-weight:700}@media (max-width:820px){.stage-demo-shell{--stage-demo-token-height:2rem;--stage-demo-token-width:5rem}.stage-act{--stage-demo-mobile-pad-top:6.8rem}.stage-demo-shell .stage-act__pin{padding-top:var(--stage-demo-mobile-pad-top)}.stage-overlay{position:fixed;top:.8rem;right:var(--stage-demo-side);width:min(36rem,calc(100vw - var(--stage-demo-side) * 2));margin:0;padding:0}.stage-demo-hud{grid-template-columns:repeat(5,minmax(0,1fr))}.stage-demo-hud>div{padding:.58rem .48rem}.stage-demo-hud__label{margin-bottom:.16rem;font-size:.52rem}.stage-demo-hud strong{font-size:.76rem}.stage-demo-hud-shell[data-expanded=false]{padding-top:3.15rem}.stage-demo-hud>div:last-child{padding-right:3.35rem}.stage-demo-hud-shell[data-expanded=true] .stage-demo-hud-toggle{align-self:end;margin:0 .52rem .52rem 0;box-shadow:none;transform:none}.stage-demo-hud-shell[data-expanded=true] .stage-demo-hud-toggle:focus-visible,.stage-demo-hud-shell[data-expanded=true] .stage-demo-hud-toggle:hover{transform:translateY(-1px)}.speaker-note{display:none}.code-act__inner,.split-act__inner,.sticky-scene-act__inner{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:clamp(.9rem,2.5svh,1.5rem)}.sticky-scene-act__scene{position:relative;top:auto;height:min(48svh,30rem)}.stage-demo-card-rail{overflow:hidden}.stage-demo-card-rail__track{width:-moz-max-content;width:max-content;min-width:100%;padding-bottom:.2rem}.stage-demo-card{min-width:min(15rem,76vw)}.stage-demo-scroll-regions{height:min(38svh,20rem)}.stage-demo-r3f-anchors{min-height:min(36svh,20rem)}.stage-demo-r3f-anchor{width:clamp(4.4rem,22vw,5.6rem)}.stage-demo-r3f-anchors--origin [data-object-id=orb]{left:22%}.stage-demo-r3f-anchors--origin [data-object-id=ring]{left:78%}.stage-demo-r3f-anchors--destination [data-object-id=cube]{top:66%;left:30%}.stage-demo-r3f-anchors--destination [data-object-id=ring]{top:66%;left:70%}.hero-act__title,.presentation-act__title{max-width:10ch}.stage-demo-controls{align-items:stretch}.stage-demo-controls button{flex:1 1 8.4rem;justify-content:center}}@media (max-height:480px){.stage-demo-shell .stage-act__pin{padding-top:4.25rem;padding-bottom:1rem}.stage-overlay{top:.45rem}.stage-demo-hud>div{padding:.38rem .42rem}.stage-demo-hud__label{margin-bottom:.08rem;font-size:.48rem}.stage-demo-hud strong{font-size:.7rem}.speaker-note{display:none}.hero-act__title{font-size:clamp(2.8rem,10vw,6rem)}.presentation-act__title{font-size:clamp(2.35rem,7vw,4.8rem)}.hero-act__lede,.presentation-act__body{font-size:.92rem;line-height:1.52}.hero-act__inner{display:grid;grid-template-areas:"label body" "title body" "lede body";grid-template-columns:minmax(0,1.05fr) minmax(12rem,.75fr);grid-template-rows:auto auto auto;gap:.45rem clamp(.75rem,2vw,1.5rem);align-items:center}.hero-act__inner>.presentation-act__label{grid-area:label;margin-bottom:0}.hero-act__title{grid-area:title}.hero-act__lede{grid-area:lede;margin-top:0}.hero-act__body{grid-area:body;min-width:0;margin-top:0}.split-act__inner,.sticky-scene-act__inner{grid-template-columns:minmax(0,1fr) minmax(12rem,.82fr)}.code-act__inner,.split-act__inner,.sticky-scene-act__inner{grid-template-rows:minmax(0,1fr);gap:clamp(.75rem,2vw,1.5rem);align-items:center}.code-act__inner{grid-template-columns:minmax(10rem,.5fr) minmax(0,1fr)}.code-act__code,.code-act__copy,.split-act__aside,.split-act__copy,.sticky-scene-act__copy{min-height:0;max-height:100%}.sticky-scene-act__scene{position:relative;top:auto;height:min(100%,calc(100svh - 5.25rem))}.stage-demo-card-rail{gap:.55rem;padding:.65rem}.stage-demo-shared-token-strip{gap:.4rem}.stage-demo-card{min-height:min(12.5rem,calc(100svh - 7.5rem));padding:.75rem}.stage-demo-scroll-regions{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:.5rem;height:calc(100svh - 5.25rem);padding:.5rem}.stage-demo-scroll-step{gap:.4rem;margin-bottom:.25rem;padding:.4rem}.stage-demo-scroll-step p{font-size:.64rem;line-height:1.22}.stage-demo-scroll-chip{width:5.5rem;min-height:100%;padding:.4rem}.stage-demo-pipeline{gap:.55rem;padding:.75rem}.stage-demo-r3f-anchors{min-height:min(14rem,calc(100svh - 5.5rem))}.code-act__code .article-prose__code-block.yweb-code-block__pre{max-height:min(48svh,20rem)}}@media (max-height:319px){.stage-demo-shell{--stage-demo-token-height:1.5rem;--stage-demo-token-width:4.5rem}.stage-demo-shell .stage-act__pin{padding-top:3rem;padding-bottom:.4rem}.stage-demo-hud>div{padding:.28rem .34rem}.stage-demo-hud__label{display:none}.stage-demo-hud strong{font-size:.66rem}.speaker-note,.stage-demo-card p{display:none}.presentation-act__label{margin-bottom:.35rem;font-size:.58rem}.hero-act__title{max-width:none;font-size:clamp(1.75rem,5vw,2.5rem)}.presentation-act__title{max-width:none;font-size:clamp(1.35rem,3.5vw,2rem)}.hero-act__lede,.presentation-act__body{font-size:.68rem;line-height:1.2}.code-act__inner,.split-act__inner,.sticky-scene-act__inner{gap:.65rem}.stage-demo-r3f-anchors{min-height:min(8rem,calc(100svh - 4.75rem))}.sticky-scene-act__scene{height:min(8rem,calc(100svh - 4.75rem))}.stage-demo-controls{gap:.35rem}.stage-demo-controls button{flex-basis:4rem;padding:.4rem;font-size:.65rem}.stage-demo-pipeline{gap:.25rem;padding:.35rem}.stage-demo-pipeline__step{gap:.3rem}.stage-demo-pipeline__label{font-size:.72rem}.stage-demo-pipeline__step meter{display:none}.code-act__code.article-prose [data-rehype-pretty-code-figure]{margin:0}.stage-demo-card-rail{gap:.3rem;padding:.35rem}.stage-demo-shared-token-strip{gap:.25rem}.stage-demo-shared-token{font-size:.54rem}.stage-demo-card{min-height:min(4.5rem,calc(100svh - 4.2rem));align-content:center;padding:.45rem}.stage-demo-card h3{margin:.2rem 0 0;font-size:1rem}.stage-demo-scroll-regions{gap:.3rem;height:calc(100svh - 4.2rem);padding:.3rem}.stage-demo-scroll-demo{gap:.2rem}.stage-demo-scroll-demo__header small,.stage-demo-scroll-step p{display:none}.stage-demo-free-scroll--x,.stage-demo-free-scroll--y{padding:.2rem}.stage-demo-scroll-boundary,.stage-demo-scroll-step{padding:.25rem}.stage-demo-scroll-chip strong,.stage-demo-scroll-step h3{font-size:.72rem}.stage-demo-scroll-chip{width:4rem;padding:.25rem}}@media (prefers-reduced-motion:reduce){.code-act__code:after,.hero-act__body,.hero-act__lede,.presentation-act__inner,.split-act__aside,.split-act__copy,.stage-demo-card-rail__track,.stage-demo-pipeline__label,.stage-demo-pipeline__step meter,.sticky-scene-act__copy,.sticky-scene-act__scene{opacity:1;transform:none;will-change:auto}.code-act__code:after{display:none}.stage-demo-controls button,.stage-demo-hud-toggle,.stage-demo-hud-viewport{transition:none}}.work-intro-capture-gate{min-height:100svh;background:#f5f2ea}.work-page{--work-intro-background:#f5f2ea;--work-intro-flow:#315da8;--work-intro-highlight:#295fd6;--work-intro-highlight-secondary:#6f68c8;--work-intro-typewriter-chevron:#6f68c8;--work-intro-typewriter-equals:#15756b;--work-intro-typewriter-parenthesis:#b45309;--work-intro-foreground:#182442;--work-intro-header-foreground:224 48% 18%;--work-intro-header-muted:224 14% 42%;--work-intro-header-accent:222 76% 50%;--work-intro-exit-progress:0;--work-intro-header-opacity:1;--work-intro-handoff-offset:2rem;--work-intro-handoff-progress:0;position:relative;min-height:100svh;background-color:var(--work-intro-background);transition:background-color var(--theme-duration) var(--theme-ease)}.dark .work-page{--work-intro-background:#0b0c0c;--work-intro-flow:#176b87;--work-intro-highlight:#22d3ee;--work-intro-highlight-secondary:#86efac;--work-intro-typewriter-chevron:#86efac;--work-intro-typewriter-equals:#a78bfa;--work-intro-typewriter-parenthesis:#fbbf24;--work-intro-foreground:#e6f6f8;--work-intro-header-foreground:188 52% 94%;--work-intro-header-muted:188 18% 68%;--work-intro-header-accent:187 86% 50%}.work-intro-stage{z-index:1}.work-intro-act,.work-intro-act .stage-act__pin,.work-intro-stage{background-color:var(--work-intro-background);transition:background-color var(--theme-duration) var(--theme-ease)}.work-intro{position:relative;display:grid;width:100%;height:100%;place-items:center;overflow:hidden;isolation:isolate;background-color:var(--work-intro-background);color:var(--work-intro-foreground);transition:background-color var(--theme-duration) var(--theme-ease),color var(--theme-duration) var(--theme-ease)}.work-intro__canvas,.work-intro__canvas-host{position:absolute;inset:0;width:100%;height:100%}.work-intro__canvas-host{z-index:1;overflow:hidden;pointer-events:none}.work-intro__canvas{display:block}.work-intro__typewriter{position:relative;z-index:3;display:inline-block;color:var(--work-intro-foreground);font-family:var(--font-mono);font-size:clamp(1.5rem,3.4vw,2.75rem);font-weight:500;line-height:1.25;opacity:clamp(0,calc(1 - var(--work-intro-exit-progress) * 6),1);pointer-events:none;transform:translate3d(0,calc(var(--work-intro-exit-progress) * -.4rem),0);white-space:pre;will-change:opacity,transform}.work-intro__typewriter,.work-intro__typewriter-accent{transition:color var(--theme-duration) var(--theme-ease)}.work-intro__typewriter-accent{color:var(--work-intro-highlight)}.work-intro__typewriter-chevron,.work-intro__typewriter-equals,.work-intro__typewriter-parenthesis{transition:color var(--theme-duration) var(--theme-ease)}.work-intro__typewriter-chevron{color:var(--work-intro-typewriter-chevron)}.work-intro__typewriter-parenthesis{color:var(--work-intro-typewriter-parenthesis)}.work-intro__typewriter-equals{color:var(--work-intro-typewriter-equals)}.work-intro__semantic-content{width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.work-intro__fallback,.work-intro__semantic-content{position:absolute;overflow:hidden;white-space:nowrap}.work-intro__fallback{inset:0;z-index:2;display:none;grid-auto-rows:18px;align-content:start;color:var(--work-intro-flow);font-family:var(--font-mono);font-size:13px;line-height:18px;opacity:.82}.work-intro__fallback span{display:block;width:-moz-max-content;width:max-content;min-width:100%}.work-intro__fallback span:nth-child(3n+2){color:var(--work-intro-highlight);opacity:.72;transform:translateX(-2.5rem)}.work-intro__fallback span:nth-child(4n){color:var(--work-intro-highlight-secondary);opacity:.64}.work-intro[data-work-intro-fallback=true] .work-intro__canvas-host{display:none}.work-intro[data-work-intro-fallback=true] .work-intro__fallback{display:grid}.work-intro-header{--foreground:var(--work-intro-header-foreground);--muted:var(--work-intro-header-muted);--accent:var(--work-intro-header-accent);position:fixed;inset:0 0 auto;z-index:70;height:0;color:hsl(var(--foreground));opacity:var(--work-intro-header-opacity);transition:color var(--theme-duration) var(--theme-ease),opacity 30ms linear}.work-intro-header[data-work-intro-header-hidden=true]{visibility:hidden;pointer-events:none}.work-page[data-work-intro-header-surface=page] .work-intro-header{--foreground:224 48% 18%;--muted:224 14% 42%;--accent:222 76% 50%}.dark .work-page[data-work-intro-header-surface=page] .work-intro-header{--foreground:35 28% 82%;--muted:32 14% 57%;--accent:5 74% 54%}.work-index-slot{position:relative;z-index:4;display:grid;min-height:100svh;place-items:center;margin-top:-100svh;padding:clamp(6.5rem,14vh,10rem) clamp(1.25rem,6vw,6rem);overflow:hidden;background:var(--paper);color:hsl(var(--foreground));opacity:var(--work-intro-handoff-progress);pointer-events:none;transform:translate3d(0,var(--work-intro-handoff-offset),0);transition:background-color var(--theme-duration) var(--theme-ease),color var(--theme-duration) var(--theme-ease)}.work-index-slot[data-work-intro-ready=true]{pointer-events:auto}.work-page[data-work-intro-fallback=true] .work-index-slot,.work-page[data-work-intro-motion-profile=reduced] .work-index-slot{margin-top:0;opacity:1;pointer-events:auto;transform:none}.work-index-slot__inner{width:min(68rem,100%)}.work-index-slot__eyebrow{margin:0 0 1rem;color:hsl(var(--accent));font-family:var(--font-mono);font-size:.68rem;letter-spacing:.22em}.work-index-slot h2{max-width:10ch;margin:0;font-family:var(--font-display);font-size:clamp(4.5rem,13vw,11rem);font-weight:700;letter-spacing:-.035em;line-height:.82;text-transform:uppercase}.work-index-slot__construction{max-width:42rem;margin:clamp(2rem,5vh,3.5rem) 0 0;color:hsl(var(--muted));font-size:clamp(.9rem,1.3vw,1.08rem);line-height:1.75}.work-index-slot__temporary-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:clamp(1.25rem,3vh,2rem)}.work-index-slot__temporary-link{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border:1px solid hsl(var(--line));color:hsl(var(--foreground));font-family:var(--font-mono);font-size:clamp(.68rem,1vw,.78rem);letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:border-color .18s ease,color .18s ease,transform .18s ease}.work-index-slot__temporary-link:hover{border-color:hsl(var(--accent));color:hsl(var(--accent));transform:translate3d(.2rem,0,0)}.work-index-slot__temporary-link:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:.25rem}.work-ascii-harness{min-height:100svh;overflow-x:auto;background:var(--paper);transition:background-color var(--theme-duration) var(--theme-ease)}.work-ascii-harness__viewport{position:relative;min-width:320px;max-width:100%;margin-inline:auto;overflow:clip;box-shadow:0 0 0 1px hsl(var(--line)/.45)}.work-ascii-controls{position:fixed;right:1rem;bottom:1rem;z-index:120;width:min(50rem,calc(100vw - 2rem));padding:.8rem;border:1px solid hsl(var(--line)/.72);background:rgb(var(--paper-rgb)/.94);color:hsl(var(--foreground));font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;backdrop-filter:blur(12px)}.work-ascii-controls:not([open]){width:auto}.work-ascii-controls__body{display:grid;gap:.65rem;padding-top:.65rem}.work-ascii-controls label,.work-ascii-controls__header,.work-ascii-controls__row{display:flex;align-items:center;gap:.55rem}.work-ascii-controls__header{justify-content:space-between;color:hsl(var(--accent));cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.work-ascii-controls__header::-webkit-details-marker{display:none}.work-ascii-controls__toggle{display:inline-block;margin-left:.25rem;transition:transform .18s ease}.work-ascii-controls:not([open]) .work-ascii-controls__toggle{transform:rotate(90deg)}.work-ascii-controls:not([open]) .work-ascii-controls__header output{display:none}.work-ascii-controls__header output{color:hsl(var(--muted));text-align:right}.work-ascii-controls__row{flex-wrap:wrap}.work-ascii-controls label>span{width:6.5rem;flex:none}.work-ascii-controls input[type=range]{width:100%;accent-color:hsl(var(--accent))}.work-ascii-controls button,.work-ascii-controls select{min-height:1.9rem;padding:.35rem .5rem;border:1px solid hsl(var(--line)/.72);border-radius:0;background:var(--paper);color:hsl(var(--foreground));font:inherit;letter-spacing:inherit}.work-ascii-controls button:focus-visible,.work-ascii-controls button:hover,.work-ascii-controls select:focus-visible{border-color:hsl(var(--accent));outline:1px solid hsl(var(--accent));outline-offset:2px}.work-ascii-controls .work-ascii-controls__check{margin-left:auto}@media (max-width:767px){.work-intro__fallback{grid-auto-rows:16px;font-size:11px;line-height:16px}.work-index-slot{padding-inline:1.25rem}.work-index-slot__temporary-links{align-items:flex-start;flex-direction:column}.work-ascii-controls{right:.5rem;bottom:.5rem;width:calc(100vw - 1rem)}.work-ascii-controls__header output{display:none}}@media (prefers-reduced-motion:reduce){.work-intro-act{height:100svh}.work-index-slot{margin-top:0;opacity:1;pointer-events:auto;transform:none}}