.reel-stage{--reel-bg: #08080a;--reel-ink: #f4f1eb;--reel-dim: #8b8781;--reel-line: rgba(244, 241, 235, .1);--reel-glow: rgba(244, 241, 235, .9);--c-cyan: #62e1fc;--c-violet: #b18cff;--c-amber: #f5d76e;--c-lime: #9ae6a0;--c-rose: #ff7a9c;--e-out: cubic-bezier(.19, 1, .22, 1);--e-in: cubic-bezier(.55, 0, 1, .45);--e-both: cubic-bezier(.65, 0, .35, 1);--e-back: cubic-bezier(.34, 1.45, .64, 1);--e-slam: cubic-bezier(.05, .9, .1, 1);position:relative;aspect-ratio:16 / 9;width:100%;overflow:hidden;border-radius:16px;background:var(--reel-bg);color:var(--reel-ink);container-type:inline-size;isolation:isolate;font-family:"SF Pro Display",var(--font-bricolage),system-ui,sans-serif}.reel-frame{position:absolute;inset:0;z-index:12;border-radius:16px;border:1px solid var(--line);pointer-events:none}.reel-camera{position:absolute;inset:0;z-index:2;transform:scale(1);animation:punch .62s var(--e-out) var(--d-punch-a) forwards,punch .76s var(--e-out) var(--d-punch-b) forwards,punch-hard .9s var(--e-out) var(--d-punch-c) forwards}@keyframes punch{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes punch-hard{0%{transform:scale(1.11)}to{transform:scale(1)}}.reel-grid{position:absolute;inset:-25%;z-index:1;background-image:linear-gradient(to right,var(--reel-line) 1px,transparent 1px),linear-gradient(to bottom,var(--reel-line) 1px,transparent 1px);background-size:4cqw 4cqw;opacity:.85;transform-origin:50% 50%;animation:grid-on 1.1s var(--e-out) var(--d-grid) both,grid-duck .9s var(--e-both) var(--d-grid-duck) forwards,grid-lift 1.4s var(--e-out) var(--d-grid-lift) forwards}@keyframes grid-on{0%{opacity:0;transform:scale(1.3) scaleY(.02)}40%{opacity:.5;transform:scale(1.3) scaleY(.02)}to{opacity:.4;transform:scale(1) scaleY(1)}}@keyframes grid-duck{0%{opacity:.4}to{opacity:.12}}@keyframes grid-lift{0%{opacity:.12;transform:scale(1.08)}to{opacity:.85;transform:scale(1)}}.reel-ignition{position:absolute;left:0;right:0;top:50%;z-index:5;height:1px;background:var(--reel-glow);transform:scaleX(0);animation:ignition .76s var(--e-out) both}@keyframes ignition{0%{transform:scaleX(0);opacity:1}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(1) scaleY(46);opacity:0}}.reel-flash{position:absolute;inset:0;z-index:10;pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(60% 60% at 50% 50%,var(--flash, #ffffff),transparent 75%);animation:flash .36s var(--e-in) var(--d) both}@keyframes flash{0%{opacity:0;transform:scale(.7)}8%{opacity:.72}to{opacity:0;transform:scale(1.5)}}.reel-scan{position:absolute;inset:0;z-index:9;pointer-events:none;opacity:.35;background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000038 3px,#0000 4px)}.reel-grain{position:absolute;inset:0;z-index:11;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.reel-vignette{position:absolute;inset:0;z-index:8;pointer-events:none;background:radial-gradient(125% 95% at 50% 45%,transparent 38%,rgba(0,0,0,.72) 100%)}.reel-leader{position:absolute;z-index:6;font-size:max(9px,1.4cqw);font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--reel-dim);opacity:0;animation:leader-in .6s var(--e-out) var(--d) both,leader-out .42s var(--e-in) var(--d-out) forwards}.reel-leader--tl{top:3.2cqw;left:3.6cqw}.reel-leader--tr{top:3.2cqw;right:3.6cqw}.reel-leader--bl{bottom:3.2cqw;left:3.6cqw}.reel-leader--br{bottom:3.2cqw;right:3.6cqw}@keyframes leader-in{0%{opacity:0;transform:translateY(.6cqw);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes leader-out{0%{opacity:1}to{opacity:0}}.reel-bracket{position:absolute;z-index:6;width:4cqw;height:4cqw;border:1px solid var(--reel-line);opacity:1;animation:bracket-in .8s var(--e-out) var(--d) both}.reel-bracket--tl{top:2.2cqw;left:2.4cqw;border-right:0;border-bottom:0}.reel-bracket--tr{top:2.2cqw;right:2.4cqw;border-left:0;border-bottom:0}.reel-bracket--bl{bottom:2.2cqw;left:2.4cqw;border-right:0;border-top:0}.reel-bracket--br{bottom:2.2cqw;right:2.4cqw;border-left:0;border-top:0}@keyframes bracket-in{0%{opacity:0;transform:scale(1.9)}to{opacity:1;transform:scale(1)}}.sc{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;text-align:center;padding:7cqw 6cqw;opacity:0;visibility:hidden;animation:sc-in 1ms linear var(--d-in) both,sc-out .3s var(--e-in) var(--d-out) forwards}@keyframes sc-in{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes sc-out{0%{opacity:1;visibility:visible;transform:scale(1);filter:blur(0)}to{opacity:0;visibility:hidden;transform:scale(.99);filter:blur(6px)}}.sc-boot{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.boot-path{margin:0 0 2.2cqw;font-size:max(9px,1.45cqw);letter-spacing:.24em;text-transform:uppercase;color:var(--reel-dim);opacity:0;animation:leader-in .5s var(--e-out) var(--d) both}.boot-line{display:flex;align-items:baseline;gap:1.4cqw;margin:0;font-size:max(13px,4.2cqw);font-weight:500;letter-spacing:-.01em;animation:boot-warp .28s var(--e-in) var(--d-out) forwards}@keyframes boot-warp{0%{transform:scaleX(1);opacity:1;filter:blur(0)}to{transform:scaleX(16);opacity:0;filter:blur(14px)}}.boot-prompt{color:var(--c-lime);opacity:0;animation:leader-in .3s var(--e-out) var(--d) both}.boot-code{white-space:pre}.boot-token{opacity:0;animation:token-in .28s var(--e-out) var(--d) both}@keyframes token-in{0%{opacity:0;transform:translateY(.5cqw);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}.boot-ch{opacity:0;animation:ch-on 1ms linear var(--d) both,ch-tint .24s linear var(--d-tint) forwards}@keyframes ch-on{0%{opacity:0}to{opacity:1}}@keyframes ch-tint{0%{color:var(--reel-ink);text-shadow:none}40%{text-shadow:0 0 2.2cqw var(--tint)}to{color:var(--tint);text-shadow:0 0 .5cqw color-mix(in oklab,var(--tint) 45%,transparent)}}.boot-caret{display:inline-block;width:.55em;height:1em;translate:0 .1em;background:var(--reel-ink);animation:caret-blink .56s steps(1,end) 6 both}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:.05}}.corridor{position:absolute;inset:0;perspective:38cqw;transform-style:preserve-3d;overflow:hidden;animation:corridor-roll 2175ms linear var(--d) both}@keyframes corridor-roll{0%{transform:rotate(2.4deg) scale(1.04)}to{transform:rotate(-2.6deg) scale(1)}}.corridor-core{position:absolute;left:50%;top:50%;width:40cqw;height:40cqw;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(98,225,252,.22),transparent 62%);opacity:0;animation:core 1.7s var(--e-out) var(--d) both}@keyframes core{0%{opacity:0;transform:scale(.2)}30%{opacity:1}to{opacity:0;transform:scale(2.4)}}.corridor-row{position:absolute;left:50%;top:50%;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:max(7px,2.5cqw);font-weight:500;color:#c3bfb8;opacity:0;animation:fly 1.25s linear var(--d) both}@keyframes fly{0%{transform:translate(-50%,-50%) translate3d(var(--x),var(--y),-240cqw) rotate(var(--rot));opacity:0;filter:blur(5px)}12%{opacity:1;filter:none}84%{opacity:1;filter:none}to{transform:translate(-50%,-50%) translate3d(var(--x),var(--y),33cqw) rotate(var(--rot));opacity:0;filter:blur(11px)}}.tk-key{color:var(--c-violet)}.tk-type{color:var(--c-cyan)}.tk-str{color:var(--c-lime)}.tk-num{color:var(--c-amber)}.tk-fn{color:var(--reel-ink)}.reel-name{position:relative;margin:0;font-family:var(--font-bricolage),"SF Pro Display",system-ui,sans-serif;font-size:10.2cqw;font-weight:600;line-height:.98;letter-spacing:-.035em;text-transform:uppercase;animation:name-out .42s var(--e-in) var(--d-out) forwards}@keyframes name-out{0%{transform:translateY(0) scale(1);opacity:1;filter:blur(0)}to{transform:translateY(-8cqw) scale(1.08);opacity:0;filter:blur(10px)}}.reel-name .line{position:relative;display:block}.reel-name .ch{position:relative;display:inline-block}.reel-name .ghost{visibility:hidden;font-style:normal}.reel-name .strip{position:absolute;inset:0;font-style:normal;clip-path:inset(calc(var(--i) * 20%) 0 calc((4 - var(--i)) * 20%) 0);animation:strip-in .46s var(--e-slam) var(--d) both}@keyframes strip-in{0%{transform:translate(calc(var(--dir) * 40cqw));opacity:0;filter:blur(6px)}to{transform:none;opacity:1;filter:none}}.reel-name .line-ghost{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:0;animation:aberrate .62s var(--e-out) var(--d) both}.reel-name .line-ghost--c{color:var(--c-cyan)}.reel-name .line-ghost--r{color:var(--c-rose)}@keyframes aberrate{0%{opacity:.85;transform:translate(calc(var(--dir) * 2.2cqw))}to{opacity:0;transform:none}}.reel-rule{display:block;width:44cqw;height:1px;margin:2.8cqw 0 2.2cqw;background:linear-gradient(to right,transparent,var(--reel-line) 12%,var(--reel-glow) 50%,var(--reel-line) 88%,transparent);transform:scaleX(0);animation:rule-draw .7s var(--e-out) var(--d) both}@keyframes rule-draw{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.reel-role{margin:0;min-height:1.4em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:max(11px,1.9cqw);font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--reel-ink)}.reel-scene-label{margin:0 0 3cqw;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:max(9px,1.5cqw);font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--reel-dim);opacity:0;animation:leader-in .5s var(--e-out) var(--d) both}.deck{position:relative;width:100%;height:27cqw;perspective:60cqw;transform-style:preserve-3d}.card{position:absolute;inset:0;display:grid;justify-items:center;align-content:center;gap:1.3cqw;opacity:0;transform-style:preserve-3d;animation:card-in .26s var(--e-slam) var(--d) both,card-out .3s var(--e-in) var(--d-out) forwards}@keyframes card-in{0%{opacity:0;transform:translate(34cqw) translateZ(-26cqw) rotateY(-34deg);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes card-out{0%{opacity:1;transform:none;filter:blur(0)}to{opacity:0;transform:translate(-34cqw) translateZ(-26cqw) rotateY(34deg);filter:blur(8px)}}.work-wipe{position:absolute;left:-60%;top:0;bottom:0;width:55%;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,var(--brand),transparent);opacity:0;mix-blend-mode:screen;animation:wipe .42s var(--e-both) var(--d) both}@keyframes wipe{0%{opacity:0;transform:translate(0)}20%{opacity:.55}to{opacity:0;transform:translate(300%)}}.card-tile{position:relative;display:grid;place-items:center;width:11cqw;height:11cqw;border-radius:2.4cqw;background:#f4f1eb0f;border:1px solid var(--reel-line);overflow:hidden;animation:tile-glow .9s var(--e-out) var(--d-glow) both}@keyframes tile-glow{0%{box-shadow:0 0 0 0 transparent}35%{box-shadow:0 0 7cqw color-mix(in oklab,var(--brand) 55%,transparent)}to{box-shadow:0 0 2.6cqw color-mix(in oklab,var(--brand) 20%,transparent)}}.card-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.5) 50%,transparent 62%);transform:translate(-120%);animation:sheen .62s var(--e-both) var(--d-glow) both}@keyframes sheen{0%{transform:translate(-120%)}to{transform:translate(120%)}}.card-mark{width:6cqw;height:6cqw;-webkit-mask-image:var(--mark);mask-image:var(--mark);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--brand)}.card-name{font-family:var(--font-bricolage),"SF Pro Display",system-ui,sans-serif;font-size:max(18px,4.8cqw);font-weight:600;line-height:1.1;letter-spacing:-.03em}.card-role{font-size:max(11px,2cqw);font-weight:500;letter-spacing:.06em}.card-meta{display:flex;align-items:center;gap:1.2cqw;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:max(9px,1.45cqw);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--reel-dim)}.card-badge{padding:.5cqw 1.2cqw;border-radius:999px;color:var(--brand);background:color-mix(in oklab,var(--brand) 16%,transparent)}.stat{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:.6cqw;opacity:0;animation:stat-in .15s var(--e-slam) var(--d) both,stat-out .13s var(--e-in) var(--d-out) forwards}@keyframes stat-in{0%{opacity:0;transform:scale(1.55);filter:blur(13px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes stat-out{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(.82);filter:blur(9px)}}.stat-value{position:relative;font-family:var(--font-bricolage),"SF Pro Display",system-ui,sans-serif;font-size:22cqw;font-weight:600;line-height:.9;letter-spacing:-.05em;color:var(--tint, var(--reel-ink));font-variant-numeric:tabular-nums}.stat-echo{position:absolute;inset:0;pointer-events:none;color:var(--tint, var(--reel-ink));opacity:0;animation:echo .26s var(--e-out) var(--d) both}@keyframes echo{0%{opacity:.5;transform:scale(calc(1 + var(--k) * .5));filter:blur(calc(var(--k) * 12px))}to{opacity:0;transform:scale(1);filter:blur(0)}}.stat-label{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:max(10px,1.9cqw);font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--reel-dim)}.strobe{position:absolute;inset:0;display:grid;place-content:center}.strobe-word{grid-area:1 / 1;font-family:var(--font-bricolage),"SF Pro Display",system-ui,sans-serif;font-size:9cqw;font-weight:600;letter-spacing:-.03em;color:var(--tint, var(--reel-ink));opacity:0;visibility:hidden;animation:strobe var(--life) steps(1,end) var(--d) both}@keyframes strobe{0%,to{opacity:0;visibility:hidden}1%,99%{opacity:1;visibility:visible}}.strobe-bed{position:absolute;inset:0;display:grid;align-content:center;gap:2cqw;opacity:0;filter:blur(3px);animation:bed-in .3s var(--e-out) var(--d) both}@keyframes bed-in{0%{opacity:0}to{opacity:.26}}.strobe-row{display:flex;width:max-content;font-family:var(--font-bricolage),"SF Pro Display",system-ui,sans-serif;font-size:4cqw;font-weight:500;color:var(--reel-dim);animation:bed-scroll 4.2s linear var(--d) both}.strobe-row--back{animation-name:bed-scroll-back}@keyframes bed-scroll{0%{transform:translate(-4%)}to{transform:translate(-46%)}}@keyframes bed-scroll-back{0%{transform:translate(-46%)}to{transform:translate(-4%)}}.strobe-copy{display:flex;gap:3cqw;padding-right:3cqw;white-space:nowrap}.reel-mark{display:block;width:20cqw;aspect-ratio:1095 / 803;-webkit-mask-image:url(/a9m-wordmark.svg);mask-image:url(/a9m-wordmark.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--reel-ink);animation:sign-mark .9s var(--e-back) var(--d) both}@keyframes sign-mark{0%{opacity:0;transform:scale(.45);filter:blur(14px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.reel-bloom{position:absolute;left:50%;top:50%;width:62cqw;height:62cqw;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(244,241,235,.18),transparent 62%);opacity:0;pointer-events:none;animation:bloom 1.4s var(--e-out) var(--d) both}@keyframes bloom{0%{opacity:0;transform:scale(.2)}25%{opacity:1}to{opacity:0;transform:scale(1.6)}}.sign{position:relative;margin:2.4cqw 0 0;font-family:var(--font-signature),"Segoe Script",cursive;font-size:7.6cqw;font-weight:600;line-height:1.1;-webkit-mask-image:linear-gradient(90deg,#000 46%,rgba(0,0,0,0) 53%);mask-image:linear-gradient(90deg,#000 46%,#0000 53%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-position:0% 0;mask-position:0% 0;animation:write 1s cubic-bezier(.42,0,.3,1) var(--d) both}@keyframes write{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}.sign-nib{position:absolute;top:55%;left:0;width:1.1cqw;height:1.1cqw;translate:-50% -50%;border-radius:50%;background:var(--reel-ink);box-shadow:0 0 2.2cqw .4cqw #f4f1eb8c;opacity:0;animation:nib 1s cubic-bezier(.42,0,.3,1) var(--d) both}@keyframes nib{0%{opacity:0;left:0}8%{opacity:1}88%{opacity:1}to{opacity:0;left:100%}}.sign-caret{display:inline-block;width:.28em;height:.72em;margin-left:.12em;translate:0 .02em;background:var(--reel-ink);opacity:0;animation:caret-return 1ms linear var(--d) both,caret-blink .56s steps(1,end) var(--d) 3 forwards}@keyframes caret-return{0%{opacity:0}to{opacity:1}}.reel-signoff{margin:2.4cqw 0 0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:max(9px,1.55cqw);font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--reel-dim);animation:leader-in .7s var(--e-out) var(--d) both}.sc-resolve{animation:sc-in 1ms linear var(--d-in) both}@container (max-width: 460px){.corridor-row{font-size:2.6cqw}.deck{height:34cqw}.card-tile{width:13cqw;height:13cqw}.card-mark{width:7cqw;height:7cqw}.reel-name{font-size:11.5cqw}.sign{font-size:9cqw}}.reel:not(.reel--playing) :is(.reel-stage,.reel-stage *,.reel-fill){animation-name:none!important}.reel:not(.reel--playing) .sc:not(.sc-resolve){display:none}.reel:not(.reel--playing) .sc-resolve{opacity:1;visibility:visible}.reel:not(.reel--playing) :is(.sign-nib,.reel-flash,.reel-bloom,.reel-ignition){display:none}.reel--paused :is(.reel-stage,.reel-stage *,.reel-fill){animation-play-state:paused}.reel-fill{display:block;height:100%;border-radius:999px;background:var(--ink);transform:scaleX(0);transform-origin:left center;animation:story-fill var(--reel-duration) linear both}.reel-vu{display:inline-flex;align-items:flex-end;gap:1.5px;height:9px}.reel-vu i{display:block;width:2px;height:100%;border-radius:1px;background:currentColor;transform-origin:bottom;transform:scaleY(.25);animation:vu .62s ease-in-out var(--d) infinite alternate}@keyframes vu{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.reel--paused .reel-vu i,.reel:not(.reel--playing) .reel-vu i{animation-play-state:paused}
