:root{--cobalt-900:#1e3a8a;--cobalt-700:#1d4ed8;--cobalt:#1a56db;--cobalt-500:#3b82f6;--cobalt-300:#93c5fd;--cobalt-100:#dbeafe;--purple-900:#4c1d95;--purple:#7c3aed;--purple-400:#a78bfa;--purple-200:#ddd6fe;--base:#fafafa;--base-100:#f0f0f0;--ink:#0f172a;--ink-700:#1e293b;--ink-500:#334155;--muted:#64748b;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--ease-expo:cubic-bezier(.19, 1, .22, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px}body{background:var(--base);color:var(--ink);font-family:var(--font-sans);cursor:none;line-height:1.6;overflow-x:hidden}a,button{cursor:none}img,svg,video{max-width:100%;display:block}#root{width:100%}.cursor-ring{border:2px solid var(--cobalt);pointer-events:none;z-index:9999;will-change:transform;mix-blend-mode:multiply;width:36px;height:36px;transition:width .2s var(--ease-expo), height .2s var(--ease-expo), border-color .2s ease, opacity .2s ease;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--purple);pointer-events:none;z-index:10000;will-change:transform;border-radius:50%;width:8px;height:8px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}body.cursor-hover .cursor-ring{border-color:var(--purple-400);opacity:.55;width:56px;height:56px}.text-display{letter-spacing:-.04em;font-size:clamp(3.5rem,8vw,8.5rem);font-weight:800;line-height:.92}.text-hero{letter-spacing:-.025em;font-size:clamp(1.75rem,3.5vw,3.5rem);font-weight:700;line-height:1.1}.text-xl{font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.7}.text-label{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:600;font-family:var(--font-mono)}.cobalt{color:var(--cobalt)}.purple{color:var(--purple)}.muted{color:var(--muted)}.scramble-char{color:var(--cobalt-300);opacity:.45}.dot-field{pointer-events:none;background-image:radial-gradient(circle, var(--cobalt-300) 1px, transparent 1px);opacity:.14;background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 85%,#000 5%,#0000 75%);mask-image:radial-gradient(85% 85%,#000 5%,#0000 75%)}.container{max-width:1440px;margin:0 auto;padding:0 clamp(1.5rem,5vw,5rem)}.btn-magnetic{background:var(--cobalt);color:#fff;font-family:var(--font-sans);letter-spacing:.04em;border:none;border-radius:2px;align-items:center;gap:.6rem;padding:.9rem 2.5rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-magnetic:before{content:"";background:var(--purple);transition:transform .35s var(--ease-expo);position:absolute;inset:0;transform:translate(-101%)}.btn-magnetic:hover:before{transform:translate(0)}.btn-magnetic>*{z-index:1;position:relative}.link-anim{color:inherit;text-decoration:none;position:relative}.link-anim:after{content:"";width:0;height:1px;transition:width .3s var(--ease-expo);background:currentColor;position:absolute;bottom:-1px;left:0}.link-anim:hover:after{width:100%}.agent-labels-container{pointer-events:none;position:absolute;inset:0}.agent-label{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.agent-label-text{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:2px;padding:2px 6px;font-size:.58rem;font-weight:700}.agent-label-text.cobalt-type{color:var(--cobalt-700);border:1px solid var(--cobalt-300);background:#dbeafee0}.agent-label-text.purple-type{color:var(--purple-900);border:1px solid var(--purple-400);background:#ddd6fee0}.reveal{opacity:0;transform:translateY(30px)}.reveal-left{opacity:0;transform:translate(-40px)}.reveal-right{opacity:0;transform:translate(40px)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--base-100)}::-webkit-scrollbar-thumb{background:var(--cobalt-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cobalt)}::selection{background:var(--cobalt-100);color:var(--cobalt-900)}@media (prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right{opacity:1;transform:none}body{cursor:auto}.cursor-ring,.cursor-dot{display:none}}.project-section{min-height:100vh}@media (width<=720px){.project-section{min-height:unset;padding-top:5rem;padding-bottom:3rem}.project-grid{grid-template-columns:1fr!important}.project-grid>div:last-child{width:100%}.project-grid>div:last-child>div[style]{height:clamp(330px,55vw,460px)!important}.hero-grid{grid-template-columns:1fr!important;gap:2rem!important;padding-top:5.5rem!important;padding-left:clamp(2rem,5vw,3rem)!important}.hero-canvas-wrap{height:clamp(320px,75vw,480px)!important}.hero-grid>div[style*=gridColumn]{gap:8px!important}}@media (width<=640px){:root{--spine-visibility:hidden}}section+section{position:relative}