:root{--xp-font-heading: "Outfit", system-ui, -apple-system, sans-serif;--xp-font-body: "Instrument Sans", system-ui, -apple-system, sans-serif;--xp-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}:root{--xp-bg-primary: #050507;--xp-bg-surface: #0d0d12;--xp-bg-elevated: #16161d;--xp-border: #1e1e2a;--xp-text-primary: #e8e8ec;--xp-text-secondary: #8e8e9a;--xp-text-subtle: #6b6b76;--xp-accent: #3b82f6;--xp-accent-hover: #2563eb;--xp-success: #22c55e;--xp-warning: #f59e0b;--xp-error: #ef4444;--xp-bg-warm: #1A1614;--xp-border-warm: #2A2420;--xp-text-warm: #B8A898;--xp-moment: #7c3aed;--xp-privacy-transient: #22c55e;--xp-privacy-scoped: #f59e0b;--xp-privacy-retained: #ef4444}:root[data-theme=light]{--xp-bg-primary: #f5f4f0;--xp-bg-surface: #ffffff;--xp-bg-elevated: #fafaf7;--xp-border: #e3e4e7;--xp-text-primary: #16181d;--xp-text-secondary: #565a63;--xp-text-subtle: #5f5f66;--xp-accent: #2563eb;--xp-accent-hover: #1d4ed8;--xp-success: #16a34a;--xp-warning: #d97706;--xp-error: #dc2626;--xp-bg-warm: #f5efe8;--xp-border-warm: #ede4d8;--xp-text-warm: #5c4a38;--xp-moment: #6d28d9;--xp-privacy-transient: #16a34a;--xp-privacy-scoped: #d97706;--xp-privacy-retained: #dc2626}:root{--xp-purple: #a855f7;--xp-violet: #8b5cf6;--xp-cyan: #06b6d4;--xp-pink: #ec4899;--xp-emerald: #10b981;--xp-orange: #f97316;--xp-green: #22c55e;--xp-amber: #ffb347;--xp-amber-on-light: #9a5b00;--xp-red: #ef4444;--xp-accent-glow: color-mix(in srgb, var(--xp-accent) 15%, transparent);--xp-accent-glow-strong: color-mix(in srgb, var(--xp-accent) 35%, transparent)}:root{--xp-term-bg: #0d0d12;--xp-term-border: #1e1e2a;--xp-term-text: #e8e8ec;--xp-term-filename: #6b6b76;--xp-term-shadow: 0 4px 40px rgba(0, 0, 0, .4);--xp-syntax-keyword: var(--xp-accent);--xp-syntax-string: #34d399;--xp-syntax-comment: #e3ebf7;--xp-syntax-property: var(--xp-amber);--xp-syntax-number: var(--xp-cyan);--xp-syntax-type-sensor: var(--xp-green);--xp-syntax-type-output: var(--xp-purple);--xp-syntax-type-perception: var(--xp-orange);--xp-syntax-type-agent: var(--xp-pink)}:root[data-term-theme=light]{--xp-term-bg: #fbfbfd;--xp-term-border: rgba(0, 0, 0, .1);--xp-term-text: #24252e;--xp-term-filename: #5f5f66;--xp-term-shadow: 0 4px 24px rgba(0, 0, 0, .08);--xp-syntax-string: #15803d;--xp-syntax-comment: #4b5563}:root{--xp-duration-fast: .12s;--xp-duration-base: .2s;--xp-duration-slow: .32s;--xp-duration-slower: .48s;--xp-easing-standard: cubic-bezier(.2, 0, 0, 1);--xp-easing-enter: cubic-bezier(0, 0, 0, 1);--xp-easing-exit: cubic-bezier(.3, 0, 1, 1);--xp-easing-emphasized: cubic-bezier(.3, 0, 0, 1)}:root{--xp-radius-sm: 4px;--xp-radius-md: 8px;--xp-radius-lg: 16px;--xp-radius-pill: 999px;--xp-radius-circle: 50%}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--xp-font-body);background:var(--xp-bg-primary);color:var(--xp-text-primary)}img,video,canvas,svg{display:block;max-width:100%}input,button{font:inherit;color:inherit}h1,h2,h3{font-family:var(--xp-font-heading);color:var(--xp-text-primary);font-weight:700;line-height:1.15;margin:0 0 .5em}h1{font-size:clamp(2.75rem,4vw + 1rem,5.25rem);letter-spacing:-.02em}h2{font-size:clamp(2rem,2.5vw + .75rem,3.5rem);letter-spacing:-.015em}h3{font-size:clamp(1.5rem,1.5vw + .5rem,2.25rem);letter-spacing:-.01em}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px;color-scheme:dark;scroll-snap-type:y proximity}:root[data-theme=light]{color-scheme:light}html.snap-suspend{scroll-snap-type:none!important}section[id]:not(.final){scroll-margin-top:80px;position:relative;scroll-margin-bottom:160px;scroll-snap-align:center;min-height:100vh;box-sizing:border-box}#start{scroll-margin-top:80px}@media(max-width:860px){section[id]:not(.final){scroll-snap-align:start;scroll-margin:0}section[id]:has(.section-heading){scroll-snap-align:none}section[id] .section-heading{scroll-snap-align:start;scroll-margin-top:0}#projects{scroll-snap-align:center}#projects .section-heading,#hero{scroll-snap-align:none}#perception:not(.has-perception-minis){scroll-snap-align:center}#perception:not(.has-perception-minis) .section-heading{scroll-snap-align:none}}body{background:var(--xp-bg);color:var(--xp-text-primary);font-family:var(--xp-font-body);overflow-x:hidden}h1,h2,h3{font-family:var(--xp-font-heading);font-weight:700;letter-spacing:-.03em;line-height:1.1}a{color:var(--xp-accent);text-decoration:none}a:hover{color:var(--xp-accent-hover)}@keyframes navLogoMarch{to{stroke-dashoffset:-14}}@keyframes navLogoNode{0%,to{transform:scale(1)}45%{transform:scale(1.55);filter:drop-shadow(0 0 4px var(--xp-accent))}}@keyframes navLogoRing{0%,to{transform:scale(1);filter:none}50%{transform:scale(1.06);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--xp-accent) 70%,transparent))}}.sr{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.sr.visible{opacity:1;transform:translateY(0)}.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}@keyframes glow-pulse{0%{opacity:.4;transform:translate(-50%) scale(1)}to{opacity:.7;transform:translate(-50%) scale(1.15)}}.section-label{font-family:var(--xp-font-mono);font-size:.7rem;color:var(--xp-accent);text-transform:uppercase;letter-spacing:.14em;margin:0 0 1.5rem;opacity:.8;text-align:inherit}.section-label--project{font-family:var(--xp-font-heading);font-size:.75rem;letter-spacing:.28em;color:var(--xp-text-subtle);opacity:1}.section-heading{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;line-height:1.15;margin:0 0 1.25rem;color:var(--xp-text-primary);text-wrap:balance;text-align:inherit}.section-heading strong,.section-heading em{color:var(--xp-accent);font-weight:inherit;font-style:normal}.section-heading--amber strong,.section-heading--amber em{color:var(--xp-amber)}.section-heading--compact{font-size:clamp(1.75rem,3.4vw,2.75rem);letter-spacing:-.028em;line-height:1.2}.section-label.is-left{text-align:left}.section-heading.is-left{text-align:left;margin-inline:0}.section-heading--lines :is(strong,em){display:block}.xp-term{font-family:var(--xp-font-mono, "JetBrains Mono", monospace)}.is-graduated{background:none;-webkit-text-fill-color:initial;color:var(--xp-text-secondary)}.grad-seg{font-family:var(--xp-font-heading, "Outfit", sans-serif);white-space:nowrap}.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 6rem}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes heroLogoNode{0%,to{transform:scale(1)}45%{transform:scale(1.65);filter:drop-shadow(0 0 7px var(--xp-accent))}}@keyframes heroLogoRing{0%,to{transform:scale(1);filter:none}50%{transform:scale(1.1);filter:drop-shadow(0 0 9px color-mix(in srgb,var(--xp-accent) 75%,transparent))}}.hero h1{font-size:clamp(3rem,8vw,5.5rem);font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:.3em}.hero h1 .light{font-weight:300}.hero h1 .xp{color:var(--xp-accent)}.btn{display:inline-flex;align-items:center;gap:8px;padding:.7rem 1.3rem;border-radius:6px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease;cursor:pointer}.btn:after{content:"→"}.section-advance{position:fixed;bottom:2.75rem;left:50%;transform:translate(-50%);z-index:30;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--section-advance-color, var(--xp-orange));cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .2s ease,box-shadow .2s ease,color .3s ease}.section-advance[hidden]{display:none}.section-advance svg{width:28px;height:32px;animation:sectionAdvanceBob 2.8s ease-in-out infinite;transition:transform .2s ease}.section-advance:hover,.section-advance:focus-visible{background:color-mix(in srgb,var(--section-advance-color, var(--xp-orange)) 14%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--section-advance-color, var(--xp-orange)) 32%,transparent),0 0 22px color-mix(in srgb,var(--section-advance-color, var(--xp-orange)) 30%,transparent)}.section-advance:hover svg,.section-advance:focus-visible svg{animation-play-state:paused;opacity:1;transform:translateY(2px)}@keyframes sectionAdvanceBob{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(5px);opacity:1}}@media(prefers-reduced-motion:reduce){.section-advance svg{animation:none;opacity:.8}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes breathe-glow{0%,to{box-shadow:0 0 #f9731600}50%{box-shadow:0 0 16px #f9731626,0 0 40px #f973160f}}@keyframes xfAdopt{0%{opacity:.35;transform:scale(.65)}40%{opacity:1;transform:scale(1.3)}to{opacity:.35;transform:scale(.65)}}@keyframes xfLockClick{0%,to{transform:translateY(0)}40%{transform:translateY(-2.5px)}}@keyframes xfCue{0%{transform:translateY(0)}35%{transform:translateY(-4px)}65%{transform:translateY(-1px)}to{transform:translateY(0)}}@keyframes xfOrbit{0%{transform:rotate(0) translate(20px) rotate(0)}to{transform:rotate(360deg) translate(20px) rotate(-360deg)}}@keyframes xfLoop{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes xfEcho{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes xfSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes xfWarm{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 20px -2px color-mix(in srgb,var(--icon-hue, var(--xp-accent)) 60%,transparent)}}@keyframes xfFeelBreathe{0%,to{transform:translateY(-4px) scale(1)}50%{transform:translateY(-4px) scale(1.025)}}.xp-code{background:var(--xp-bg-surface);border:1px solid var(--xp-border);border-radius:12px;overflow:hidden;box-shadow:0 4px 40px #0006,0 0 80px var(--xp-accent-glow);transition:box-shadow .4s,border-color .4s,transform .4s}.xp-code:hover{transform:translateY(-2px);border-color:#3b82f640;box-shadow:0 8px 60px #00000080,0 0 120px var(--xp-accent-glow-strong)}.xp-code-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--xp-border)}.xp-code-dot{width:10px;height:10px;border-radius:50%;background:#2a2a2e}.xp-code-dot:nth-child(1){background:#ff5f57}.xp-code-dot:nth-child(2){background:#febc2e}.xp-code-dot:nth-child(3){background:var(--xp-accent)}.xp-code-filename{margin-left:auto;font-family:var(--xp-font-mono);font-size:.7rem;color:var(--xp-text-subtle)}.xp-code-body{padding:20px 24px;font-family:var(--xp-font-mono);font-size:.82rem;line-height:1.8;overflow-x:auto;counter-reset:line}.xp-code-body .line{display:flex;gap:0;transition:opacity .25s ease,background .25s ease;border-left:2px solid transparent;padding-left:4px;margin-left:-6px}.xp-code-body .line.highlight{opacity:1;background:#3b82f614;border-left-color:var(--xp-accent)}.xp-code-body .code{white-space:pre-wrap;overflow-wrap:break-word;min-width:0}.xp{color:var(--xp-amber)}.statement{position:relative;z-index:1;text-align:center;padding:6rem 2rem;max-width:800px;margin:0 auto}@keyframes perception-drift{0%{transform:translateZ(0) scale(1);opacity:.7}50%{transform:translate3d(-20px,10px,0) scale(1.05);opacity:1}to{transform:translate3d(15px,-15px,0) scale(1.08);opacity:.8}}@keyframes perception-shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes orb-breathe{0%,to{box-shadow:0 0 8px 0 var(--p-color, var(--xp-orange));transform:scale(1)}50%{box-shadow:0 0 28px 4px var(--p-color, var(--xp-orange));transform:scale(1.08)}}.stack-bands{display:flex;flex-direction:column;gap:2.5rem;margin-top:3rem}.stack-tile{position:relative;display:flex;flex-direction:column;padding:1.25rem 1.5rem;border:1px solid var(--xp-border);border-radius:10px;background:var(--xp-bg-surface);transition:background .25s,transform .25s}.stack-tile:hover{background:var(--xp-bg-elevated);transform:translateY(-2px)}.stack-tile p{font-size:.88rem;color:var(--xp-text-secondary);line-height:1.5;margin:0 0 1rem}@keyframes fxKenStudio{0%{transform:scale(1)}to{transform:scale(1.12) translate(-2%,-1%)}}@keyframes fxSweep{0%{left:-35%}to{left:100%}}@keyframes fxDotA{0%{left:12%;background:var(--xp-accent);box-shadow:0 0 7px var(--xp-accent)}50%{left:50%;background:var(--xp-cyan);box-shadow:0 0 7px var(--xp-cyan)}to{left:88%;background:var(--xp-pink);box-shadow:0 0 7px var(--xp-pink)}}@keyframes fxDotB{0%{left:88%;background:var(--xp-green);box-shadow:0 0 7px var(--xp-green)}50%{left:50%;background:var(--xp-amber);box-shadow:0 0 7px var(--xp-amber)}to{left:12%;background:var(--xp-purple);box-shadow:0 0 7px var(--xp-purple)}}@keyframes fxDotC{0%{left:50%;background:var(--xp-pink);box-shadow:0 0 7px var(--xp-pink)}25%{left:88%;background:var(--xp-cyan);box-shadow:0 0 7px var(--xp-cyan)}50%{left:50%;background:var(--xp-accent);box-shadow:0 0 7px var(--xp-accent)}75%{left:12%;background:var(--xp-green);box-shadow:0 0 7px var(--xp-green)}to{left:50%;background:var(--xp-pink);box-shadow:0 0 7px var(--xp-pink)}}@keyframes fxNodeLit{0%,to{box-shadow:none}50%{box-shadow:0 0 8px var(--tile-accent)}}@keyframes fxPulseRing{0%{box-shadow:0 0 color-mix(in srgb,var(--tile-accent) 55%,transparent)}to{box-shadow:0 0 0 15px transparent}}@keyframes fxTok1{0%{left:22%;top:50%;opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.8);box-shadow:none}9%{opacity:1}56%{left:68%;top:27%;opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1);box-shadow:none}64%{left:68%;top:27%;opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(2.6);box-shadow:0 0 6px 1px var(--tile-accent)}72%,to{left:68%;top:27%;opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(3.4);box-shadow:0 0 2px 11px transparent}}@keyframes fxTok2{0%{left:22%;top:50%;opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.8);box-shadow:none}9%{opacity:1}56%{left:74%;top:50%;opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1);box-shadow:none}64%{left:74%;top:50%;opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(2.8);box-shadow:0 0 6px 1px var(--tile-accent)}72%,to{left:74%;top:50%;opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(3.6);box-shadow:0 0 2px 12px transparent}}@keyframes fxTok3{0%{left:22%;top:50%;opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.8);box-shadow:none}9%{opacity:1}56%{left:68%;top:73%;opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1);box-shadow:none}64%{left:68%;top:73%;opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(2.6);box-shadow:0 0 6px 1px var(--tile-accent)}72%,to{left:68%;top:73%;opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(3.4);box-shadow:0 0 2px 11px transparent}}@keyframes fxTrace{0%{transform:scaleX(0);opacity:0}12%{transform:scaleX(0);opacity:.5}64%{transform:scaleX(1);opacity:.5}90%{transform:scaleX(1);opacity:.5}to{transform:scaleX(1);opacity:0}}@keyframes fxBar{0%,to{height:18%}50%{height:88%}}@keyframes fxLed{0%,to{background:color-mix(in srgb,var(--tile-accent) 14%,var(--xp-border))}50%{background:color-mix(in srgb,var(--tile-accent) calc(var(--s) * 1%),var(--xp-border))}}@keyframes fxLedBurst{0%,to{background:color-mix(in srgb,var(--tile-accent) 14%,var(--xp-border));box-shadow:none}44%{background:color-mix(in srgb,var(--tile-accent) 35%,var(--xp-border))}50%{background:var(--burst);box-shadow:0 0 5px var(--burst)}56%{background:color-mix(in srgb,var(--tile-accent) 35%,var(--xp-border));box-shadow:none}}.stack-tile[data-module=cloud]{position:relative;height:210px;overflow:hidden;justify-content:flex-start}.stack-tile[data-module=cloud]>p{position:relative;z-index:1;text-shadow:0 1px 6px var(--xp-bg),0 0 12px var(--xp-bg-surface)}.stack-tile[data-module=cloud]>p{max-width:68ch;text-wrap:balance}@keyframes fxCommsIn{0%{opacity:0}to{opacity:1}}@keyframes fxLiveDot{0%,to{box-shadow:0 0 4px var(--tile-accent)}50%{box-shadow:0 0 10px var(--tile-accent)}}@keyframes fxLivePing{0%{transform:translate(-50%,-50%) scale(.6);opacity:.85}to{transform:translate(-50%,-50%) scale(4.5);opacity:0}}@keyframes fxCityFlash{0%,80%,to{opacity:0;box-shadow:none}85%{opacity:1;box-shadow:0 0 6px var(--tile-accent)}94%{opacity:.85;box-shadow:0 0 4px var(--tile-accent)}}@keyframes fxCityPing{0%,82%{transform:translate(-50%,-50%) scale(.5);opacity:0}85%{opacity:.9}to{transform:translate(-50%,-50%) scale(5);opacity:0}}.usecase-card{padding:1.6rem 1.5rem;border-radius:12px;border:1px solid var(--xp-border);background:var(--xp-bg-surface);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s,box-shadow .4s;position:relative;overflow:hidden}.usecase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.6;transition:opacity .4s,box-shadow .4s}.usecase-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 0%,var(--uc-color, var(--xp-accent)),transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s;z-index:0}.usecase-card>*{position:relative;z-index:1}.usecase-card:hover{background:var(--xp-bg-elevated);transform:translateY(-4px);border-color:color-mix(in srgb,var(--uc-color) 50%,var(--xp-border));box-shadow:0 12px 40px #0006}.usecase-card:hover:before{opacity:1;box-shadow:0 0 18px var(--uc-color, var(--xp-accent))}.usecase-card:hover:after{opacity:.08}.usecase-card h3{transition:color .3s}.usecase-card:hover h3{color:var(--uc-color, var(--xp-text-primary))}.usecase-card h3{font-family:var(--xp-font-mono, "JetBrains Mono", monospace);font-size:1.15rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;line-height:1.2;margin-bottom:.5rem}.usecase-card p{font-size:.8rem;color:var(--xp-text-subtle);line-height:1.5;margin-bottom:.75rem}@keyframes ufxQueue{0%{left:8%;opacity:0}12%{opacity:.9}68%{left:62%;opacity:.9}78%,to{left:66%;opacity:0}}@keyframes ufxSpark{0%,55%{opacity:.35;transform:scale(.8);filter:none}70%{opacity:1;transform:scale(1.5);filter:drop-shadow(0 0 8px var(--uc-color))}88%,to{opacity:.5;transform:scale(1)}}@keyframes ufxRec{0%,to{opacity:1}50%{opacity:.25}}@keyframes ufxReel{0%{transform:translate(0)}to{transform:translate(-26px)}}@keyframes ufxScan{0%{top:-2px;opacity:0}10%{opacity:1}55%{top:30px;opacity:1}65%,to{top:30px;opacity:0}}@keyframes ufxStar{0%,55%{opacity:.2;transform:scale(1);filter:none}70%{opacity:1;transform:scale(1.25);filter:drop-shadow(0 0 6px var(--uc-color))}to{opacity:.85;transform:scale(1)}}@keyframes ufxBeam{0%,to{transform:rotate(-145deg)}50%{transform:rotate(-35deg)}}@keyframes ufxVisitor{0%{left:10%}50%{left:86%}to{left:10%}}@keyframes ufxFrameGlow{0%,18%,82%,to{box-shadow:none;background:color-mix(in srgb,var(--uc-color) 12%,transparent)}45%,55%{box-shadow:0 0 16px color-mix(in srgb,var(--uc-color) 70%,transparent);background:color-mix(in srgb,var(--uc-color) 38%,transparent)}}@keyframes ufxConeA{0%,45%,to{opacity:.85}50%,95%{opacity:.12}}@keyframes ufxConeB{0%,45%,to{opacity:.12}50%,95%{opacity:.85}}@keyframes ufxRing{0%{transform:translate(-50%,-50%) scale(.6);opacity:.8}to{transform:translate(-50%,-50%) scale(4.2);opacity:0}}@keyframes ufxNoteA{0%,to{transform:rotate(-8deg) translate(0)}50%{transform:rotate(-2deg) translate(26px,10px)}}@keyframes ufxNoteB{0%,to{transform:rotate(5deg) translate(0)}50%{transform:rotate(0) translateY(-6px)}}@keyframes ufxNoteC{0%,to{transform:rotate(10deg) translate(0)}50%{transform:rotate(3deg) translate(-26px,8px)}}@keyframes ufxGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}40%{opacity:.75;transform:translate(-50%,-52%) scale(1.12)}60%{opacity:.55;transform:translate(-50%,-49%) scale(1.05)}}.protocol-row{display:flex;gap:3rem;white-space:nowrap;animation:scroll-protocols linear infinite}.protocol-row span{font-family:var(--xp-font-mono);font-size:clamp(.9rem,2vw,1.1rem);color:var(--xp-text-subtle);opacity:.5;transition:opacity .3s,color .3s}.protocol-row span:hover{opacity:1;color:var(--xp-accent)}@keyframes scroll-protocols{0%{transform:translate(0)}to{transform:translate(-50%)}}footer{scroll-snap-align:end}@keyframes electric-grid{0%{opacity:.7}to{opacity:1}}@keyframes electric-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}.electric-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s ease}.electric-canvas.active{opacity:1}.terminal{width:100%;max-width:640px;margin:2rem auto;background:var(--xp-bg-surface);border:1px solid var(--xp-border);border-radius:12px;overflow:hidden;text-align:left;box-shadow:0 4px 40px #0006,0 0 80px var(--xp-accent-glow);transition:box-shadow .4s,transform .4s,border-color .4s}.terminal:hover{transform:translateY(-2px);border-color:#3b82f640;box-shadow:0 8px 50px #00000080,0 0 120px var(--xp-accent-glow-strong)}.cursor{display:inline-block;width:8px;height:1.15em;background:var(--xp-accent);vertical-align:text-bottom;margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.signup{width:100%;max-width:440px;display:flex;gap:0;margin:0 auto 1rem}.signup input[type=email]{flex:1;min-width:0;padding:14px 16px;background:var(--xp-bg-surface);border:1px solid var(--xp-border);border-right:none;border-radius:10px 0 0 10px;color:var(--xp-text-primary);font-family:var(--xp-font-heading);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}.signup input[type=email]::placeholder{color:var(--xp-text-subtle);opacity:.6}.signup input[type=email]:focus{border-color:var(--xp-accent);box-shadow:0 0 0 3px var(--xp-accent-glow)}.signup button{padding:14px 24px;background:var(--xp-accent);color:#fff;border:1px solid var(--xp-accent);border-radius:0 10px 10px 0;font-family:var(--xp-font-heading);font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .25s,transform .15s}.signup button:hover{background:var(--xp-accent-hover);box-shadow:0 0 20px #3b82f64d}.signup button:active{transform:scale(.97)}.signup button:disabled{opacity:.6;cursor:not-allowed}.signup-msg{font-size:.85rem;text-align:center;min-height:1.2em}.signup-msg.success{color:#34d399}.signup-msg.error{color:#f87171}.featured-project{position:relative;text-align:center;padding:10rem 2rem;max-width:900px;margin:0 auto;isolation:isolate}.featured-project.visible{transform:none}.featured-project:before{content:"";position:absolute;inset:0;transform:scale(1.04);background:url(/assets/projects/rhyme-refuge-portrait.webp) center / contain no-repeat;opacity:0;z-index:-1;pointer-events:none;transition:opacity .9s ease,transform 1.2s ease;-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,transparent 88%);mask-image:radial-gradient(ellipse at center,#000 45%,transparent 88%)}.featured-project:hover:before,.featured-project.mobile-hover:before{opacity:.55;transform:scale(1)}:root[data-theme=light] footer{--xp-text-subtle: #565660}@keyframes open-chip-glow{0%,to{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 18px -2px currentColor}}.open-card{padding:2rem;border-radius:12px;border:1px solid var(--xp-border);background:var(--xp-bg-surface);transition:all .3s}.open-card:hover{background:var(--xp-bg-elevated);transform:translateY(-2px)}@keyframes openVizPulse{0%,55%,to{transform:scale(1);filter:none}12%{transform:scale(1.07);filter:brightness(1.45) drop-shadow(0 0 6px currentColor)}30%{transform:scale(1.02);filter:brightness(1.1)}}@keyframes openVizOff{0%,to{opacity:1}50%{opacity:.3}}.open-card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--xp-text-primary)}.open-card p{font-size:.88rem;color:var(--xp-text-secondary);line-height:1.6}.skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip:focus{position:fixed;top:8px;left:8px;z-index:200;width:auto;height:auto;padding:12px 20px;background:var(--xp-accent);color:#fff;border-radius:8px;font-size:.9rem;text-decoration:none}@media(max-width:640px){html{scroll-snap-type:y proximity;scroll-padding-top:64px}section[id]:not(.final){scroll-snap-align:start}section.section-offscreen,section.section-offscreen *,section.section-offscreen *:before,section.section-offscreen *:after{animation-play-state:paused!important}}@media(max-width:600px){.section{padding:5rem 1.25rem}.hero{padding:6rem 1.25rem 4rem}.signup{flex-direction:column;gap:10px;max-width:100%}.signup input[type=email]{border-right:1px solid var(--xp-border);border-radius:10px}.signup button{border-radius:10px;width:100%}.featured-project{padding:5rem 1.25rem 6rem}.electric-canvas{display:none}.electric-canvas.active{display:block}.demo-frame{min-height:600px;max-height:none;height:auto}.bridge-viewport{min-height:auto!important}}@media(prefers-reduced-motion:reduce){.sr{transition:none;opacity:1;transform:none}.cursor{animation:none;opacity:1}.protocol-row,.section-advance{animation:none}html{scroll-behavior:auto}}.demo-frame{margin-top:3rem;min-height:715px;background:var(--xp-bg-surface);border:1px solid var(--xp-border);border-radius:16px;overflow:hidden;box-shadow:0 8px 60px #0006,0 0 120px #3b82f614}.demo-titlebar-dot{width:10px;height:10px;border-radius:50%;background:#2a2a2e}.demo-titlebar-dot:nth-child(1){background:#ff5f57}.demo-titlebar-dot:nth-child(2){background:#febc2e}.demo-titlebar-dot:nth-child(3){background:var(--xp-accent)}.demo-titlebar-dot,.bridge-titlebar-dot,.xp-code-dot{cursor:pointer}.term-fullscreen{position:fixed!important;inset:clamp(.75rem,2.5vw,2rem)!important;z-index:1000!important;margin:0!important;width:auto!important;max-width:none!important;max-height:none!important;overflow:auto!important;box-shadow:0 24px 90px #0009!important}body.term-fullscreen-open{overflow:hidden}body.term-fullscreen-open:before{content:"";position:fixed;inset:0;z-index:999;background:#0009;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}@keyframes demo-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}@keyframes demo-status-pulse{0%{box-shadow:0 0 #3b82f680}70%{box-shadow:0 0 0 6px #3b82f600}to{box-shadow:0 0 #3b82f600}}.bridge-frame{margin-top:3rem;background:var(--xp-bg-surface);border:1px solid var(--xp-border);border-radius:16px;overflow:hidden;box-shadow:0 8px 60px #0006,0 0 120px #3b82f614}.bridge-titlebar-dot{width:10px;height:10px;border-radius:50%;background:#2a2a2e}.bridge-titlebar-dot:nth-child(1){background:#ff5f57}.bridge-titlebar-dot:nth-child(2){background:#febc2e}.bridge-titlebar-dot:nth-child(3){background:var(--xp-accent)}.bridge-viewport{position:relative;min-height:420px;background:radial-gradient(circle at 20px 20px,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px}@keyframes bridge-pulse{0%,to{box-shadow:0 0 0 4px #3b82f633,0 0 24px #3b82f659}50%{box-shadow:0 0 0 8px #3b82f61a,0 0 36px #3b82f633}}@keyframes bridge-agent-pulse{0%,to{box-shadow:0 0 #f59e0b99}50%{box-shadow:0 0 0 4px #f59e0b00}}.ring{position:relative;background:var(--xp-bg-surface, #0D0D12);border:1px solid var(--xp-border, #1E1E2A);border-radius:14px;padding:1.75rem 1.75rem 1.5rem;display:flex;flex-direction:column;gap:.9rem;transition:border-color .3s ease,transform .3s ease}.ring:hover{border-color:var(--xp-accent, #3b82f6);transform:translateY(-2px)}@media(max-width:720px){.ring{padding:1.5rem 1.25rem 1.25rem}}:root[data-theme=light] :is(.statement,.rr-section-heading,.usecase-card){--xp-purple: #9333ea;--xp-violet: #6d28d9;--xp-cyan: #0e7490;--xp-pink: #be185d;--xp-emerald: #047857;--xp-orange: #c2410c;--xp-green: #15803d;--xp-amber: #b45309;--xp-red: #b91c1c}:root:not([data-term-theme=light]) .xp-code{background:#0d0d12;border-color:#1e1e2a;box-shadow:0 4px 40px #0006}:root:not([data-term-theme=light]) .xp-code-body{color:#e8e8ec}:root:not([data-term-theme=light]) .xp-code-filename{color:#8e8e9a}:root[data-term-theme=light] .xp-code:not(.rr-layers-window){background:#fbfbfd;border-color:#0000001a;box-shadow:0 4px 24px #00000014}:root[data-term-theme=light] .xp-code:not(.rr-layers-window) .xp-code-bar{border-bottom-color:#00000014;background:#00000006}:root[data-term-theme=light] .xp-code:not(.rr-layers-window) .xp-code-body{color:#24252e}:root[data-term-theme=light] .xp-code:not(.rr-layers-window) .xp-code-filename{color:#5f5f66}.xp-term-toggle{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:transparent;color:var(--xp-text-subtle);cursor:pointer;border-radius:5px;transition:color .2s,background .2s}.xp-term-toggle:hover{color:var(--xp-text-primary);background:#7f7f8c24}.xp-term-toggle svg{width:13px;height:13px;display:block}.xp-term-toggle-sun{display:inline-flex}.xp-term-toggle-moon{display:none}:root[data-term-theme=light] .xp-term-toggle-sun{display:none}:root[data-term-theme=light] .xp-term-toggle-moon{display:inline-flex}:root[data-theme=light] .rr-hero-title-img{filter:brightness(.95) saturate(1.05) drop-shadow(0 1px 1px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(0,0,0,.22))}:root[data-theme=light] .rr-layers-window{--xp-text-subtle: #888888}:root[data-theme=light] .signup-msg.success{color:#15803d}:root[data-theme=light] .signup-msg.error{color:#b91c1c}:root[data-theme=light] .nav.scrolled{background:color-mix(in srgb,var(--xp-bg) 85%,transparent)}:root[data-theme=dark]{--xp-text-secondary: #a6a6b2;--xp-text-subtle: #8c8c98}:root[data-theme=light]{--xp-text-subtle: #5f5f66}html:root{--xp-bg: #0C0F1A;--xp-bg-primary: #0C0F1A;--xp-bg-surface: #12151F;--xp-bg-elevated: #171B27;--xp-border: #222838;--xp-text-primary: #ECEDF1;--xp-text-secondary: #9C9EA8;--xp-text-medium: #C7C9D1;--xp-text-subtle: #7D808C;--xp-text-warm: #FFD9A8;--xp-accent: #6AA3FF;--xp-accent-hover: #9CC2FF;--xp-accent-glow: color-mix(in srgb, #6AA3FF 28%, transparent);--xp-accent-glow-strong: color-mix(in srgb, #6AA3FF 55%, transparent);--xp-yellow: #FFB347;--xp-orange: #FFA46E;--xp-cyan: #35C4DC;--xp-emerald: #4CC98A;--xp-green: #4CC98A;--xp-pink: #F472B6;--xp-purple: #C084FC;--xp-violet: #C084FC;--xp-red: #D65A4A;--xp-hue: 224}body{background:#0c0f1a!important;color:#ecedf1}.nav{background:transparent!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid transparent}.nav.scrolled{background:color-mix(in srgb,#0C0F1A 72%,transparent)!important;border-bottom-color:#222838!important}.nav__brand{color:#ecedf1!important}.nav__brand:hover{color:#fff!important}.nav__links a{color:#9c9ea8!important}.nav__links a:hover,.nav__cta{color:#fff!important}.rr-page :is(h1,h2,h3),.rr-page .section-heading{font-stretch:112%}.rr-page{max-width:1240px;margin:0 auto;padding:7rem clamp(1.25rem,4vw,2.5rem) 4rem}.rr-eyebrow{display:inline-block;font-family:var(--xp-font-heading);font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--xp-amber);margin-bottom:1.25rem}.rr-hero-section{position:relative;isolation:isolate}.rr-hero-section:before{content:"";position:fixed;inset:0;transform:scale(1.04);background:url(/assets/projects/rhyme-refuge-portrait.webp) center top / cover no-repeat;transform-origin:center top;opacity:0;z-index:-1;pointer-events:none;transition:opacity .9s ease,transform 1.2s ease;-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,transparent 88%);mask-image:radial-gradient(ellipse at center,#000 45%,transparent 88%)}.rr-hero-section:hover:before{opacity:.65;transform:scale(1)}@media(prefers-reduced-motion:reduce){.rr-hero-section:before{transition:opacity .2s ease}.rr-hero-section:hover:before{transform:scale(1.02)}}.rr-hero-title{font-family:var(--xp-font-heading);font-size:clamp(2.75rem,6.5vw,5.25rem);font-weight:700;letter-spacing:-.035em;line-height:1;margin-bottom:1.5rem}.rr-hero-title-img{display:block;max-width:min(1100px,98%);height:auto;margin-top:24rem;user-select:none;filter:brightness(1.35) saturate(.92)}.rr-hero-sub{margin-bottom:3rem}.rr-hero-strap{font-family:var(--xp-font-heading);font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.45;max-width:720px}.rr-hero-meta{display:flex;flex-wrap:wrap;gap:2.25rem;padding-top:2rem;margin-top:1.5rem;border-top:1px solid var(--xp-border);border-bottom:1px solid var(--xp-border);padding-bottom:2rem;font-family:var(--xp-font-heading);color:var(--xp-text-secondary);font-size:.85rem}.rr-hero-meta .v{display:block;color:var(--xp-text-primary);font-size:1rem;font-weight:500;margin-top:.25rem}.rr-eyebrow,.rr-hero-attribution,.rr-hero-sub,.rr-hero-meta{transition:text-shadow .6s ease,color .6s ease}.rr-hero-section:hover :is(.rr-eyebrow,.rr-hero-attribution,.rr-hero-sub,.rr-hero-meta),.rr-hero-section.is-active-mobile :is(.rr-eyebrow,.rr-hero-attribution,.rr-hero-sub,.rr-hero-meta),.rr-hero-section.is-inview :is(.rr-eyebrow,.rr-hero-attribution,.rr-hero-sub,.rr-hero-meta){text-shadow:0 0 8px var(--xp-bg),0 0 18px var(--xp-bg),0 1px 28px var(--xp-bg)}.rr-hero-section:hover :is(.rr-hero-sub,.rr-hero-meta),.rr-hero-section.is-active-mobile :is(.rr-hero-sub,.rr-hero-meta),.rr-hero-section.is-inview :is(.rr-hero-sub,.rr-hero-meta){color:var(--xp-text-primary)}.rr-hero-section.is-inview:before{opacity:.65;transform:scale(1)}.rr-concept-section.is-inview:before{opacity:.5;transform:scale(1)}.rr-bg-section{position:relative;isolation:isolate}.rr-bg-section:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--rr-bg) center / cover no-repeat;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 1.2s ease;-webkit-mask-image:radial-gradient(ellipse at center,#000 38%,rgba(0,0,0,.5) 64%,transparent 88%);mask-image:radial-gradient(ellipse at center,#000 38%,rgba(0,0,0,.5) 64%,transparent 88%)}.rr-bg-section.is-inview:before{opacity:.42;transform:scale(1)}.rr-section{padding:5rem 0;border-top:1px solid var(--xp-border)}.rr-page>section{display:flex;flex-direction:column;justify-content:center}.rr-concept-section{position:relative;isolation:isolate}.rr-concept-section:before{content:"";position:fixed;inset:0;background:url(/assets/projects/rhyme-refuge-city.jpg) center / cover no-repeat;opacity:0;z-index:-1;pointer-events:none;transition:opacity .9s ease,transform 1.2s ease;transform:scale(1.04);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,rgba(0,0,0,.55) 65%,transparent 90%);mask-image:radial-gradient(ellipse at center,#000 40%,rgba(0,0,0,.55) 65%,transparent 90%)}.rr-concept-section:hover:before{opacity:.5;transform:scale(1)}@media(prefers-reduced-motion:reduce){.rr-concept-section:before{transition:opacity .2s ease}.rr-concept-section:hover:before{transform:scale(1.02)}}.rr-section-label{font-family:var(--xp-font-heading);font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--xp-text-subtle);margin-bottom:1rem}.rr-section-heading{font-family:var(--xp-font-heading);font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:700;letter-spacing:-.028em;margin-bottom:1rem;max-width:900px}.rr-section-lead{margin-bottom:2.5rem}.rr-body{color:var(--xp-text-secondary);line-height:1.65;max-width:720px}.rr-body p+p{margin-top:1rem}.rr-concept-section .rr-body{font-size:1.2rem;line-height:1.7;max-width:760px}.rr-concept-section .rr-body p+p{margin-top:1.15rem}.rr-body b,.rr-body strong{color:var(--xp-text-primary);font-weight:500}.rr-journey{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem;isolation:isolate}.rr-backdrop-branch{background-image:url(/assets/projects/rhyme-refuge-room-05.jpg)}.rr-journey:has([data-room=branch]:hover) .rr-backdrop-branch{opacity:.6;transform:scale(1)}.rr-backdrop-cipher{background-image:url(/assets/projects/rhyme-refuge-room-07-poster.webp)}.rr-journey:has([data-room=cipher]:hover) .rr-backdrop-cipher{opacity:.6;transform:scale(1)}.rr-journey:has([data-room=cipher]:hover) .rr-room:not([data-room=cipher]){opacity:.55;transition:opacity .6s ease}.rr-journey:has([data-room=cipher]:hover) .rr-room[data-room=cipher]{border-color:color-mix(in oklab,var(--xp-accent) 50%,var(--xp-border));box-shadow:0 0 40px #3b82f640}.rr-journey:has([data-room=branch]:hover) .rr-room:not([data-room=branch]){opacity:.55;transition:opacity .6s ease}.rr-journey:has([data-room=branch]:hover) .rr-room[data-room=branch]{border-color:color-mix(in oklab,var(--xp-pink) 50%,var(--xp-border));box-shadow:0 0 40px #ec489940}.rr-journey-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;background-position:center;background-size:cover;background-repeat:no-repeat;transition:opacity .9s ease,transform 1.4s ease;transform:scale(1.03);-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,rgba(0,0,0,.6) 60%,transparent 85%);mask-image:radial-gradient(ellipse at center,#000 35%,rgba(0,0,0,.6) 60%,transparent 85%)}.rr-backdrop-arrival{background-image:url(/assets/projects/rhyme-refuge-city.jpg)}.rr-journey:has([data-room=arrival]:hover) .rr-backdrop-arrival{opacity:.65;transform:scale(1)}@media(hover:hover){.rr-journey.is-inview .rr-backdrop-arrival{opacity:.65;transform:scale(1)}.rr-journey.is-inview:has(.rr-room[data-room]:not([data-room=arrival]):hover) .rr-backdrop-arrival{opacity:0}}.rr-journey:has([data-room=arrival]:hover) .rr-room:not([data-room=arrival]){opacity:.55;transition:opacity .6s ease}.rr-journey:has([data-room=arrival]:hover) .rr-room[data-room=arrival]{border-color:color-mix(in oklab,var(--xp-cyan) 50%,var(--xp-border));box-shadow:0 0 40px #06b6d440}.rr-backdrop-lobby{background-image:url(/assets/projects/rhyme-refuge-room-02.jpg)}.rr-journey:has([data-room=lobby]:hover) .rr-backdrop-lobby{opacity:.6;transform:scale(1)}.rr-journey:has([data-room=lobby]:hover) .rr-room:not([data-room=lobby]){opacity:.55;transition:opacity .6s ease}.rr-journey:has([data-room=lobby]:hover) .rr-room[data-room=lobby]{border-color:color-mix(in oklab,var(--xp-amber) 50%,var(--xp-border));box-shadow:0 0 40px #f59e0b40}.rr-backdrop-wonderroom{background-image:url(/assets/projects/rhyme-refuge-room-03.jpg)}.rr-journey:has([data-room=wonderroom]:hover) .rr-backdrop-wonderroom{opacity:.6;transform:scale(1)}.rr-journey:has([data-room=wonderroom]:hover) .rr-room:not([data-room=wonderroom]){opacity:.55;transition:opacity .6s ease}.rr-journey:has([data-room=wonderroom]:hover) .rr-room[data-room=wonderroom]{border-color:color-mix(in oklab,var(--xp-purple) 50%,var(--xp-border));box-shadow:0 0 40px #a855f740}.rr-backdrop-soundtrack{background-image:url(/assets/projects/rhyme-refuge-room-04.jpg)}.rr-journey:has([data-room=soundtrack]:hover) .rr-backdrop-soundtrack{opacity:.6;transform:scale(1)}.rr-journey:has([data-room=soundtrack]:hover) .rr-room:not([data-room=soundtrack]){opacity:.55;transition:opacity .6s ease}.rr-journey:has([data-room=soundtrack]:hover) .rr-room[data-room=soundtrack]{border-color:color-mix(in oklab,var(--xp-orange) 50%,var(--xp-border));box-shadow:0 0 40px #f9731640}.rr-backdrop-apartments{background-image:url(/assets/projects/rhyme-refuge-room-06.jpg)}.rr-journey:has([data-room=apartments]:hover) .rr-backdrop-apartments{opacity:.6;transform:scale(1)}.rr-journey:has([data-room=apartments]:hover) .rr-room:not([data-room=apartments]){opacity:.55;transition:opacity .6s ease}.rr-journey:has([data-room=apartments]:hover) .rr-room[data-room=apartments]{border-color:color-mix(in oklab,var(--xp-emerald) 50%,var(--xp-border));box-shadow:0 0 40px #10b98140}.rr-backdrop-gallery{background-image:url(/assets/projects/rhyme-refuge-room-08.jpg)}.rr-journey:has([data-room=gallery]:hover) .rr-backdrop-gallery{opacity:.6;transform:scale(1)}.rr-journey:has([data-room=gallery]:hover) .rr-room:not([data-room=gallery]){opacity:.55;transition:opacity .6s ease}.rr-journey:has([data-room=gallery]:hover) .rr-room[data-room=gallery]{border-color:color-mix(in oklab,var(--xp-green) 50%,var(--xp-border));box-shadow:0 0 40px #22c55e40}.rr-backdrop-bar{background-image:url(/assets/projects/rhyme-refuge-room-09.jpg)}.rr-journey:has([data-room=bar]:hover) .rr-backdrop-bar{opacity:.6;transform:scale(1)}.rr-journey:has([data-room=bar]:hover) .rr-room:not([data-room=bar]){opacity:.55;transition:opacity .6s ease}.rr-journey:has([data-room=bar]:hover) .rr-room[data-room=bar]{border-color:color-mix(in oklab,var(--xp-amber) 50%,var(--xp-border));box-shadow:0 0 40px #f59e0b40}@media(prefers-reduced-motion:reduce){.rr-journey:before,.rr-journey:after{transition:opacity .25s ease;transform:none}.rr-journey:has([data-room=cipher]:hover):before,.rr-journey:has([data-room=branch]:hover):after{transform:none}}.rr-room{position:relative;display:flex;flex-direction:column;background:var(--xp-bg-surface);border:1px solid var(--xp-border);border-radius:10px;padding:1.5rem;overflow:hidden;transition:transform .25s,border-color .25s}.rr-room:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--rr-color, var(--xp-accent))}.rr-room:hover{transform:translateY(-2px);border-color:#f59e0b40}.rr-room-num{display:block;font-family:var(--xp-font-heading);font-size:1.25rem;font-weight:400;color:var(--xp-text-primary);opacity:.85;letter-spacing:-.01em;margin-bottom:1rem}.rr-room h3{font-family:var(--xp-font-heading);font-size:1.25rem;font-weight:600;margin:.5rem 0 .75rem;letter-spacing:-.015em}.rr-room p{flex:1;color:var(--xp-text-secondary);font-size:.95rem;line-height:1.55}.rr-room-tag{display:inline-block;font-family:var(--xp-font-mono);font-size:.7rem;padding:3px 8px;margin-top:1rem;border-radius:3px;background:color-mix(in oklab,var(--rr-color, var(--xp-accent)) 12%,transparent);color:var(--rr-color, var(--xp-accent))}.rr-moment{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:start;margin-top:1.5rem}@media(max-width:820px){.rr-moment{grid-template-columns:1fr}}.rr-moment-visual{position:relative;aspect-ratio:4 / 3;border-radius:10px;background:radial-gradient(ellipse at 50% 62%,rgba(168,85,247,.25) 0%,transparent 55%),radial-gradient(ellipse at 50% 55%,rgba(245,158,11,.15) 0%,transparent 70%),linear-gradient(180deg,#08080c,#0d0d12);border:1px solid var(--xp-border);overflow:hidden;isolation:isolate}.rr-moment-visual:before{content:"";position:absolute;inset:0;z-index:1;background:url(/assets/projects/rhyme-refuge-underground-cipher.webp) center 30% / 160% auto no-repeat;opacity:0;transition:opacity .8s ease;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 80%);mask-image:radial-gradient(ellipse at center,#000 40%,transparent 80%)}.rr-moment-visual:hover:before{opacity:.55}.rr-moment-visual:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 3px,rgba(255,255,255,.015) 3px,rgba(255,255,255,.015) 4px);pointer-events:none}.rr-hologram-silhouette{position:absolute;top:18%;left:50%;transform:translate(-50%);width:56%;height:72%;display:flex;justify-content:space-around;align-items:flex-end;gap:12%}.rr-hologram-silhouette span{flex:1;height:88%;background:linear-gradient(180deg,#f59e0b00,#f59e0b73 30%,#ec48998c 80%,#ec489900);border-radius:50% 50% 14% 14%/70% 70% 10% 10%;filter:blur(1.5px);animation:rr-breathe 6s ease-in-out infinite}.rr-hologram-silhouette span:nth-child(2){animation-delay:-3s;background:linear-gradient(180deg,#3b82f600,#3b82f673 30%,#a855f78c 80%,#a855f700)}@keyframes rr-breathe{0%,to{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.rr-moment-caption{position:absolute;bottom:1rem;left:1rem;right:1rem;font-family:var(--xp-font-mono);font-size:.72rem;color:var(--xp-text-subtle);letter-spacing:.08em}.rr-code{background:var(--xp-bg-surface);border:1px solid var(--xp-border);border-radius:10px;padding:1.5rem;font-family:var(--xp-font-mono);font-size:.84rem;line-height:1.65;color:var(--xp-text-secondary);overflow-x:auto;white-space:pre;margin-top:1.5rem}.rr-code .c{color:var(--xp-text-subtle);font-style:italic}.rr-code .k{color:var(--xp-amber)}.rr-code .t{color:var(--xp-purple)}.rr-code .s{color:var(--xp-green)}.rr-code .n{color:var(--xp-pink)}.rr-code .x{color:var(--xp-cyan)}.rr-code-caption{font-family:var(--xp-font-mono);color:var(--xp-text-subtle);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-top:.5rem}.rr-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-top:2rem}.rr-pillar{background:var(--xp-bg-surface);border:1px solid var(--xp-border);border-radius:10px;padding:1.75rem}.rr-pillar-idx{font-family:var(--xp-font-mono);font-size:.72rem;letter-spacing:.18em;color:var(--xp-accent);text-transform:uppercase;margin-bottom:.85rem}.rr-pillar h3{font-family:var(--xp-font-heading);font-size:1.3rem;font-weight:600;margin-bottom:.75rem;letter-spacing:-.015em}.rr-pillar p{color:var(--xp-text-secondary);line-height:1.55;font-size:.95rem}.rr-pillar[data-layer]{cursor:default;transition:border-color .3s,box-shadow .3s}.rr-pillar[data-layer=structure]:hover{border-color:#3b82f666;box-shadow:0 0 24px #3b82f626}.rr-pillar[data-layer=intelligence]:hover{border-color:#f9731666;box-shadow:0 0 24px #f9731626}.rr-pillar[data-layer=safety]:hover{border-color:#ef444466;box-shadow:0 0 24px #ef444426}.rr-code-layers [data-hl]{transition:opacity .3s,background .3s;border-radius:2px}.rr-code-layers.hl-active [data-hl]{opacity:.3}.rr-code-layers.hl-active [data-hl].hl-on{opacity:1;background:#ffffff0a}.rr-code-layers.hl-active [data-hl=structure].hl-on{background:#3b82f614}.rr-code-layers.hl-active [data-hl=intelligence].hl-on{background:#f9731614}.rr-code-layers.hl-active [data-hl=safety].hl-on{background:#ef444414}.rr-layers-window{margin-top:3rem}.rr-layers-window .xp-code-body{max-height:280px;overflow:hidden;scroll-behavior:smooth}.rr-layers-window .rr-code{background:none;border:none;border-radius:0;padding:0;margin:0;overflow:visible}.rr-perceptions{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.rr-perception{position:relative;padding:1.25rem 1.25rem 1.25rem 2.5rem;background:var(--xp-bg-surface);border:1px solid var(--xp-border);border-radius:10px;overflow:hidden;transition:border-color .4s,box-shadow .4s}.rr-perception:before{content:"";position:absolute;top:50%;left:1rem;width:10px;height:10px;border-radius:50%;background:var(--p-color, var(--xp-accent));box-shadow:0 0 16px 0 var(--p-color, var(--xp-accent));transform:translateY(-50%);animation:rr-perception-pulse 3.5s ease-in-out infinite;z-index:1}@keyframes rr-perception-pulse{0%,to{opacity:.55;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}.rr-perception:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 10% 50%,var(--p-color, var(--xp-accent)) 0%,transparent 65%);opacity:0;transition:opacity .5s ease;pointer-events:none}.rr-perception:hover{border-color:color-mix(in oklab,var(--p-color, var(--xp-accent)) 40%,var(--xp-border));box-shadow:0 0 30px color-mix(in oklab,var(--p-color, var(--xp-accent)) 25%,transparent)}.rr-perception:hover:after{opacity:.12}.rr-perception-meter{position:absolute;bottom:0;left:0;height:2px;width:0;background:var(--p-color, var(--xp-accent));border-radius:0 0 10px 10px;transition:width .8s cubic-bezier(.22,1,.36,1);box-shadow:0 0 8px var(--p-color, var(--xp-accent))}.rr-perception:hover .rr-perception-meter{width:var(--p-reading, 75%)}.rr-perception-reading{position:absolute;top:.6rem;right:.75rem;font-family:var(--xp-font-mono);font-size:.68rem;color:var(--p-color, var(--xp-accent));opacity:0;transform:translateY(2px);transition:opacity .4s ease,transform .4s ease}.rr-perception:hover .rr-perception-reading{opacity:.8;transform:translateY(0)}.rr-perception-name{font-family:var(--xp-font-mono);font-size:.82rem;color:var(--p-color, var(--xp-accent));letter-spacing:.08em;margin-bottom:.3rem;position:relative;z-index:1}.rr-perception-desc{color:var(--xp-text-secondary);font-size:.85rem;line-height:1.45}.rr-scale-groups{margin-top:2.5rem;display:flex;flex-direction:column;gap:2rem}.rr-scale-group[data-group=stage]{--rr-stat: var(--xp-cyan)}.rr-scale-group[data-group=blueprint]{--rr-stat: var(--xp-amber)}.rr-scale-group[data-group=soul]{--rr-stat: var(--xp-pink)}.rr-scale-grouplabel{font-family:var(--xp-font-heading);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--rr-stat);opacity:.85;margin-bottom:1rem}.rr-scale-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.rr-scale-item{position:relative;isolation:isolate;overflow:hidden;text-align:left;padding:1rem 1.1rem 1.05rem;border-radius:12px;border:1px solid transparent;transition:border-color .35s ease,background .35s ease,transform .35s ease}.rr-scale-item:hover{border-color:color-mix(in oklab,var(--rr-stat) 38%,var(--xp-border));background:color-mix(in srgb,var(--rr-stat) 6%,transparent);transform:translateY(-3px)}.rr-scale-value{font-family:var(--xp-font-heading);font-size:2.5rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--xp-text-primary);transition:color .3s ease,text-shadow .3s ease}.rr-scale-item:hover .rr-scale-value{color:var(--rr-stat);text-shadow:0 0 22px color-mix(in srgb,var(--rr-stat) 45%,transparent)}.rr-scale-num{font-variant-numeric:tabular-nums}.rr-scale-unit{font-family:var(--xp-font-heading);font-size:.85rem;color:var(--xp-text-subtle);font-weight:400;margin-left:.25rem}.rr-scale-label{font-family:var(--xp-font-heading);font-size:.85rem;color:var(--xp-text-secondary);margin-top:.55rem;letter-spacing:.01em;max-width:15ch}.rr-scale-fx{position:absolute;top:.7rem;right:.7rem;width:30px;height:30px;color:var(--rr-stat);opacity:.2;transition:opacity .35s ease;pointer-events:none;z-index:-1}.rr-scale-item:hover .rr-scale-fx{opacity:.9}.rr-scale-fx svg{width:100%;height:100%;overflow:visible}.rr-scale-fx :is(rect,circle,line,path){transform-box:fill-box;transform-origin:center}@keyframes rr-fx-draw{to{stroke-dashoffset:0}}.fx-panel{fill:none;stroke:currentColor;stroke-width:2;opacity:.5}.fx-scan{fill:currentColor;opacity:0}.rr-scale-item[data-fx=canvas]:hover .fx-scan{animation:rr-fx-scan .9s ease-in-out}@keyframes rr-fx-scan{0%{transform:translate(0);opacity:.85}to{transform:translate(38px);opacity:0}}.fx-zone{fill:currentColor;opacity:.25}.rr-scale-item[data-fx=zones]:hover .fx-zone{animation:rr-fx-zone 1.2s ease calc(var(--i) * .08s)}@keyframes rr-fx-zone{0%,to{opacity:.25}35%{opacity:1}}.fx-wire{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-dasharray:120;stroke-dashoffset:120;opacity:.6}.fx-node{fill:currentColor;opacity:.35}.rr-scale-item[data-fx=devices]:hover .fx-wire{animation:rr-fx-draw .7s ease forwards}.rr-scale-item[data-fx=devices]:hover .fx-node{animation:rr-fx-pop .5s ease .25s forwards}@keyframes rr-fx-pop{to{opacity:1}}.fx-track{fill:none;stroke:currentColor;stroke-width:3;opacity:.18}.fx-prog{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-dasharray:107;stroke-dashoffset:107;opacity:.9;transform:rotate(-90deg)}.rr-scale-item[data-fx=runtime]:hover .fx-prog{animation:rr-fx-draw .9s ease forwards}.fx-bar{fill:currentColor;opacity:.5;transform-origin:bottom}.rr-scale-item[data-fx=beats]:hover .fx-bar{animation:rr-fx-beat .6s ease-in-out infinite;animation-delay:calc(var(--i) * .1s)}@keyframes rr-fx-beat{0%,to{transform:scaleY(.5);opacity:.5}50%{transform:scaleY(1);opacity:1}}.fx-stem{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;opacity:.7}.fx-branch{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:34;stroke-dashoffset:34}.fx-branch-a{stroke:var(--xp-cyan)}.fx-branch-b{stroke:var(--xp-amber)}.rr-scale-item[data-fx=paths]:hover .fx-branch{animation:rr-fx-draw .7s ease forwards}.fx-rail{stroke:currentColor;stroke-width:2;opacity:.3}.fx-state{fill:currentColor;opacity:.4}.fx-token{fill:currentColor;opacity:0}.rr-scale-item[data-fx=transitions]:hover .fx-token{animation:rr-fx-token 1s ease-in-out}@keyframes rr-fx-token{0%{transform:translate(0);opacity:1}to{transform:translate(36px);opacity:.2}}.fx-shield{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round;stroke-dasharray:150;stroke-dashoffset:150;opacity:.7}.fx-check{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;opacity:0}.rr-scale-item[data-fx=policies]:hover .fx-shield{animation:rr-fx-draw .8s ease forwards}.rr-scale-item[data-fx=policies]:hover .fx-check{animation:rr-fx-check .4s ease .5s forwards}@keyframes rr-fx-check{to{stroke-dashoffset:0;opacity:1}}.fx-ring{fill:none;stroke:currentColor;stroke-width:2;opacity:0}.fx-core{fill:currentColor;opacity:.6}.rr-scale-item[data-fx=perception]:hover .fx-ring{animation:rr-fx-ripple 1.6s ease-out infinite;animation-delay:calc(var(--i) * .45s)}@keyframes rr-fx-ripple{0%{transform:scale(.35);opacity:.75}to{transform:scale(1.1);opacity:0}}.fx-agent{fill:currentColor;opacity:.45}.rr-scale-item[data-fx=agents]:hover .fx-agent{animation:rr-fx-drift 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * .18s)}.rr-scale-item[data-fx=agents]:hover .fx-agent:nth-child(2n){animation-name:rr-fx-drift-alt}@keyframes rr-fx-drift{0%,to{transform:translate(0);opacity:.45}50%{transform:translate(2.5px,-2.5px);opacity:1}}@keyframes rr-fx-drift-alt{0%,to{transform:translate(0);opacity:.45}50%{transform:translate(-2.5px,2.5px);opacity:1}}.rr-scale-rule{height:1px;margin:2.75rem 0 0;background:linear-gradient(90deg,transparent,var(--xp-border) 10%,var(--xp-border) 90%,transparent)}.rr-converge{position:relative;margin-top:2.5rem;min-height:340px;border-radius:16px;overflow:hidden;border:1px solid var(--xp-border);background:radial-gradient(120% 150% at 50% 0%,color-mix(in srgb,var(--xp-amber) 9%,transparent),transparent 62%),#07070b;display:flex;align-items:flex-end}.rr-converge-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;opacity:.4;filter:saturate(1.05) contrast(1.02)}.rr-converge-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}.rr-converge-copy{position:relative;z-index:2;padding:clamp(1.75rem,4vw,3rem);max-width:780px}.rr-converge-heading{font-family:var(--xp-font-heading);font-size:clamp(1.45rem,2.7vw,2.2rem);font-weight:700;line-height:1.14;letter-spacing:-.02em;color:#fff;margin:0 0 .9rem;text-shadow:0 2px 28px rgba(0,0,0,.8)}.rr-converge-body{font-family:var(--xp-font-heading);font-weight:300;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6;color:#e8e8eceb;margin:0;text-shadow:0 1px 18px rgba(0,0,0,.9)}@media(prefers-reduced-motion:reduce){.rr-scale-item:hover .rr-scale-fx :is(rect,circle,line,path){animation:none!important}.rr-scale-item:hover{transform:none}.rr-scale-fx{opacity:.5}}.rr-cta{margin-top:4rem;padding:3rem;background:var(--xp-bg-surface);border:1px solid var(--xp-border);border-radius:14px;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.08) 0%,transparent 60%),var(--xp-bg-surface)}.rr-cta h2{font-family:var(--xp-font-heading);font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:700;letter-spacing:-.025em;margin-bottom:1rem}.rr-cta p{color:var(--xp-text-secondary);max-width:560px;margin:0 auto 2rem;line-height:1.55}.rr-cta-btn{display:inline-block;background:var(--xp-accent);color:#fff;padding:.9rem 1.75rem;border-radius:999px;font-family:var(--xp-font-heading);font-weight:600;letter-spacing:-.01em;transition:background .2s,transform .2s}.rr-cta-btn:hover{background:var(--xp-accent-hover);color:#fff;transform:translateY(-1px)}.rr-back{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--xp-font-heading);font-size:.85rem;color:var(--xp-text-secondary);margin-bottom:2rem;transition:color .2s}.rr-back:hover{color:var(--xp-text-primary)}@media(max-width:600px){.rr-page{padding:6rem 1.25rem 3rem}.rr-hero-title-img{max-width:85%}.rr-hero-meta{gap:1.25rem}.rr-section{padding:3rem 0}.rr-section-heading{font-size:clamp(1.5rem,5vw,2.75rem)}.rr-journey{grid-template-columns:1fr}.rr-journey-backdrop.is-active-mobile{opacity:.6;transform:scale(1);top:calc(var(--active-top, 0px) + var(--active-height, 0px) / 2 - 45vh);bottom:auto;left:-6rem;right:-6rem;height:90vh}.rr-journey:has(.rr-room.is-active-mobile) .rr-room:not(.is-active-mobile){opacity:.55;transition:opacity .5s ease}.rr-room.is-active-mobile{border-color:color-mix(in oklab,var(--rr-color, var(--xp-accent)) 45%,var(--xp-border));box-shadow:0 0 40px #3b82f633}.rr-hero-section.is-active-mobile:before{opacity:.65;transform:scale(1)}.rr-concept-section.is-active-mobile:before{opacity:.5;transform:scale(1)}.rr-moment-visual.is-active-mobile:before{opacity:.55}.rr-pillar[data-layer=structure].is-active-mobile{border-color:#3b82f666;box-shadow:0 0 24px #3b82f626}.rr-pillar[data-layer=intelligence].is-active-mobile{border-color:#f9731666;box-shadow:0 0 24px #f9731626}.rr-pillar[data-layer=safety].is-active-mobile{border-color:#ef444466;box-shadow:0 0 24px #ef444426}.rr-perception.is-active-mobile{border-color:color-mix(in oklab,var(--p-color, var(--xp-accent)) 40%,var(--xp-border));box-shadow:0 0 30px color-mix(in oklab,var(--p-color, var(--xp-accent)) 25%,transparent)}.rr-perception.is-active-mobile:after{opacity:.12}.rr-perception.is-active-mobile .rr-perception-meter{width:var(--p-reading, 75%)}.rr-perception.is-active-mobile .rr-perception-reading{opacity:.8;transform:translateY(0)}.rr-code{font-size:.72rem;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:pre}.rr-pillars,.rr-perceptions{grid-template-columns:1fr}.rr-scale-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.rr-scale-groups{gap:1.5rem}.rr-converge{min-height:300px}.rr-moment-visual{aspect-ratio:16 / 9}.rr-cta{padding:2rem 1.25rem}.rr-hero-strap{font-size:1rem}.rr-back{margin-bottom:1.5rem}.rr-body{font-size:.92rem}.rr-concept-section .rr-body{font-size:1.02rem}.rr-scale-value{font-size:2rem}}
