:root{--bg:#ffffff;--fg:#0a0a0a;--muted:#6b6b6b;--muted-light:#a2a2a2;--border:#e2e2e2;--border-strong:#cfcfcf;--card:#fafafa;--accent:#e6398f;--accent-green:#1fae5a;--status-h: 34px;--nav-h: 48px;--page-px: clamp(12px, 3vw, 18px);--page-pt: calc(var(--status-h) + clamp(12px, 3vw, 20px));--page-pb: calc(var(--nav-h) + clamp(20px, 4vw, 36px));--gap-lg: clamp(16px,3vw,28px);--gap-md: clamp(12px,2vw,18px);--fs-name: clamp(22px, 3.6vw, 42px);--fs-statement: clamp(13px, 1.5vw, 15px);--fs-details: clamp(11.5px, 1.1vw, 12.5px);--fs-big-title: clamp(24px, 5vw, 52px);--fs-card-name: clamp(15.5px, 1.6vw, 17.5px);--fs-card-desc: clamp(12.5px, 1.3vw, 13.5px);--fs-step-role: clamp(13px, 1.4vw, 14.5px);--fs-step-org: clamp(10.5px, 1.1vw, 12px);--j-rail: clamp(18px, 5vw, 26px);--j-marker: clamp(16px, 3.5vw, 20px);--j-step-gap: clamp(18px, 5vw, 30px);--terminal-pad-x: clamp(14px,3.5vw,26px);--terminal-pad-y: clamp(14px,3vw,26px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--fg);font-family:Lato,sans-serif;overflow:hidden}.mono{font-family:Space Mono,monospace}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-image:radial-gradient(var(--border) 1.2px,transparent 1.2px);background-size:30px 30px}.page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;padding:var(--page-pt) var(--page-px) var(--page-pb);height:100%;width:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.page.active{opacity:1;pointer-events:auto;transform:translateY(0)}.page>*{flex-shrink:0}#nav{background:#fff;padding:8px 16px;border:1px solid var(--border);border-radius:999px;box-shadow:0 8px 30px #00000014;position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;z-index:50}.nav-arrow{background:none;border:none;cursor:pointer;color:var(--fg);font-size:15px;font-family:Space Mono,monospace;opacity:.5;transition:opacity .2s;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.nav-arrow:hover{opacity:1}.dots{display:flex;gap:7px}.dot{height:7px;width:7px;border-radius:50px;background:var(--border);border:1px solid var(--muted);cursor:pointer;transition:width .3s ease,background .3s ease}.dot.active{width:24px;background:var(--fg);border-color:var(--fg)}#status-tag{position:fixed;top:20px;left:50%;transform:translate(-50%);font-family:Space Mono,monospace;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:5px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);z-index:40;transition:color .3s,border-color .3s}#status-tag.ready{color:var(--accent-green);border-color:var(--accent-green)}#page-home{position:relative}#particles-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.home-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px;width:min(88%,620px);margin-block:auto;text-align:center}.doodle{position:absolute;stroke:var(--muted);fill:none;pointer-events:none;z-index:1}.terminal-frame{position:relative;width:100%;flex-shrink:0}.corner-doodle{position:absolute;stroke:var(--muted);fill:none;opacity:.5;pointer-events:none;z-index:1}.corner-tl{width:70px;top:-34px;left:-28px}.corner-tr{width:60px;top:-28px;right:-24px;stroke:var(--accent);opacity:.55}.corner-bl{width:50px;bottom:-24px;left:-18px}.corner-br{width:80px;bottom:-28px;right:-30px;stroke:var(--accent-green);opacity:.5}.side-doodle{position:absolute;fill:none;pointer-events:none;z-index:1}.side-doodle-left{width:34px;left:-50px;top:38%;stroke:var(--accent);opacity:.5}.side-doodle-right{width:22px;right:-40px;top:62%;stroke:var(--accent-green);opacity:.55}.terminal-wrap{--t-bg: var(--card);--t-fg: var(--fg);--t-muted: var(--muted);--t-muted-light: var(--muted-light);--t-border: var(--border-strong);position:relative;width:100%;background:var(--t-bg);border:1.5px solid var(--t-border);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px -22px #00000038,0 4px 12px #0000000f;transition:background .5s ease,border-color .5s ease,box-shadow .5s ease}.terminal-wrap.ready{--t-bg:#0a0a0a;--t-fg:#f5f5f5;--t-muted:#9a9a9a;--t-muted-light:#666666;--t-border:#2a2a2a;box-shadow:0 20px 60px -18px #00000080,0 4px 12px #0003}.terminal-head{display:flex;align-items:center;gap:8px;padding:11px 18px;border-bottom:1px solid var(--t-border)}.tdot{width:10px;height:10px;border-radius:50%;display:inline-block}.tdot.red{background:#ff5f56}.tdot.yellow{background:#ffbd2e}.tdot.green{background:#27c93f}.terminal-title{margin-left:8px;font-size:11.5px;letter-spacing:1px;color:var(--t-muted);text-transform:uppercase}.terminal-body{padding:var(--terminal-pad-y) var(--terminal-pad-x);text-align:center}#name-type{display:inline-block;font-family:Space Mono,monospace;font-size:var(--fs-name);font-weight:700;letter-spacing:-1.5px;line-height:1.05;white-space:normal}#name-type .grey{color:var(--t-muted)}#name-type .tag-done{color:var(--t-fg);font-weight:700}#name-type .cursor{display:inline-block;width:3px;height:.9em;background:var(--t-fg);margin-left:2px;vertical-align:-.1em;animation:blink .9s step-end infinite}@keyframes blink{50%{opacity:0}}.eyebrow{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.eyebrow-rule{width:56px;height:1px;background:var(--t-border)}.eyebrow-dot{width:4px;height:4px;border-radius:50%;background:var(--t-muted);flex-shrink:0}.eyebrow-text{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--t-muted)}.statement{margin:clamp(18px,4vw,26px) auto 0;max-width:min(90%,420px);padding-left:18px;border-left:2px solid var(--accent);text-align:left;font-style:italic;font-weight:400;font-size:var(--fs-statement);line-height:1.5;color:var(--t-fg)}.meta-divider{width:48px;height:1px;background:var(--t-border);margin:26px auto 0}.details-text{margin-top:20px;max-width:min(92%,540px);margin-left:auto;margin-right:auto;font-size:var(--fs-details);line-height:1.75;color:var(--t-muted)}.links{margin-top:32px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.link-btn{display:inline-flex;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--t-bg);background:var(--t-fg);text-decoration:none;padding:9px 14px;border:1px solid var(--t-fg);border-radius:6px;transition:background .2s,color .2s,border-color .2s;flex:1 1 120px;justify-content:center;max-width:170px}.link-btn svg{width:13px;height:13px;flex-shrink:0}.link-btn:hover{background:var(--t-bg);color:var(--t-fg);border-color:var(--t-border)}.link-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.link-btn.primary:hover{background:transparent;color:var(--accent);border-color:var(--accent)}.robot-wrap{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.robot-wrap svg{width:58px;height:58px}.robot-wrap svg *{transition:stroke .5s ease,fill .5s ease}.robot-doodle{width:130px;height:130px;top:50%;left:50%;margin-top:-65px;margin-left:-65px;opacity:.28;z-index:-1}.align-label{margin-top:10px;font-family:Space Mono,monospace;font-size:12px;letter-spacing:.5px;color:var(--muted);min-height:16px;transition:color .3s}.align-label.ok{color:var(--accent-green)}.align-label.done{color:var(--accent-green);text-transform:uppercase;letter-spacing:2px;font-size:11px}#page-projects>.page-title-row{margin-top:auto}#page-projects>.card-grid{margin-bottom:auto}#page-projects>.pagination,#page-projects>.tabs:last-child{margin-bottom:auto}#page-journey>.page-title-row{margin-top:auto}#page-journey>.road-wrap{margin-bottom:auto}#page-journey>.big-title{margin-top:auto}.page-title-row{position:relative;display:inline-flex;align-items:center;gap:10px;margin-bottom:var(--gap-md)}.page-title{font-family:Space Mono,monospace;font-size:clamp(23px,3vw,30px);letter-spacing:2px;text-transform:uppercase;color:var(--fg);font-weight:700}.title-doodle{width:32px;height:18px;stroke:var(--accent);opacity:.6}.tabs{position:relative;display:flex;gap:0;margin-bottom:var(--gap-md);width:min(100%,360px);border:1.5px solid var(--border-strong);border-radius:8px;overflow:hidden;box-shadow:0 6px 18px -14px #00000026}.tab-btn{flex:1 1 0;font-family:Space Mono,monospace;font-size:11.5px;letter-spacing:1px;text-transform:uppercase;background:var(--bg);border:none;color:var(--muted);cursor:pointer;padding:9px 14px;min-height:38px;display:flex;align-items:center;justify-content:center;white-space:nowrap;border-right:1px solid var(--border-strong);transition:.2s}.tab-btn:last-child{border-right:none}.tab-btn.active{background:var(--fg);color:var(--bg)}.card-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1.5px;background:var(--border-strong);max-width:640px;width:min(92%,640px);border:1.5px solid var(--border-strong);border-radius:10px;overflow:hidden;box-shadow:0 16px 40px -26px #0003;margin-bottom:var(--gap-md)}.card{position:relative;background:var(--card);padding:13px;text-align:left;display:none;flex-direction:column;gap:6px;transition:background .2s ease,transform .2s ease}.card:hover{background:var(--bg)}.card.show{display:flex}.card-type{font-family:Space Mono,monospace;font-size:10.5px;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted)}.card-name{font-weight:700;font-size:var(--fs-card-name);line-height:1.3}.card-desc{font-size:var(--fs-card-desc);color:var(--muted);line-height:1.55}.card-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:3px}.card-tags span{display:inline-flex;align-items:center;gap:5px;font-family:Space Mono,monospace;font-size:10px;border:1px solid var(--border-strong);padding:3px 9px 3px 7px;border-radius:20px;color:var(--muted)}.tag-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.card-link{margin-top:8px;font-family:Space Mono,monospace;font-size:12px;text-decoration:underline;color:var(--fg);align-self:flex-start}.card-doodle{position:absolute;width:26px;height:26px;top:-13px;right:-13px;opacity:.4;z-index:1}.road-wrap{width:100%;max-width:1220px;margin:var(--gap-md) auto 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.road-container{position:relative;width:100%;min-width:700px;height:clamp(300px,40vh,410px);height:clamp(300px,40dvh,410px)}.road-svg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;z-index:1}.road-base{stroke:var(--border-strong);stroke-width:20;stroke-linecap:round}.road-center{stroke:url(#roadGradient);stroke-width:4;stroke-dasharray:4 12;stroke-linecap:round;opacity:.9}.road-dashed{stroke:var(--accent);stroke-width:3;stroke-dasharray:8 8;stroke-linecap:round;opacity:.85}.road-flag{position:absolute;transform:translate(-50%,-120%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;z-index:2}.road-flag-label{font-size:8.5px;letter-spacing:1.5px;color:var(--accent-green);font-weight:700}.road-point{position:absolute;z-index:2}.road-stop{position:absolute;top:0;left:0;transform:translate(-50%,-50%);width:clamp(19px,2.4vw,23px);height:clamp(19px,2.4vw,23px);border-radius:50%;background:var(--bg);border:2px solid var(--muted);color:var(--muted);font-family:Space Mono,monospace;font-weight:700;font-size:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 14px #0000001a;transition:transform .18s ease,border-color .18s ease,color .18s ease}.road-point:hover .road-stop{transform:translate(-50%,-50%) translateY(-3px);border-color:var(--fg);color:var(--fg)}.road-label{position:absolute;width:max-content;max-width:118px;padding:5px 8px;background:var(--bg);border:1px solid var(--border-strong);border-radius:6px;box-shadow:0 4px 12px -6px #0000001f;line-height:1.25}.road-label.top{bottom:calc(50% + 16px)}.road-label.bottom{top:calc(50% + 16px)}.road-label.align-left{left:0}.road-label.align-right{right:0}.road-label.align-center{left:50%;transform:translate(-50%)}.road-label-date{font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:1px}.road-label-role{font-weight:700;font-size:var(--fs-step-role);line-height:1.2}.road-label-org{font-size:var(--fs-step-org);color:var(--muted);margin-top:1px}.road-now{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:3}.road-token{width:30px;height:30px;border-radius:50%;background:var(--bg);border:2px solid var(--accent-green);display:flex;align-items:center;justify-content:center;animation:token-bob 1.6s ease-in-out infinite;box-shadow:0 5px 14px #00000024}.road-token svg{width:17px;height:17px}@keyframes token-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.now-pulse-road{position:absolute;top:19px;left:50%;width:38px;height:38px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--accent-green);animation:pulse-ring 1.8s ease-out infinite}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8}to{transform:translate(-50%,-50%) scale(1.7);opacity:0}}.road-now .road-label.now-label{position:static;margin-top:20px;max-width:130px;transform:none;text-align:center;border-color:var(--accent-green)}.road-now .road-label-date{color:var(--accent-green)}.road-cta{position:absolute;transform:translate(-50%,-50%);width:126px;border:1.5px dashed var(--accent);border-radius:8px;padding:5px 9px;background:var(--bg);z-index:2}.road-cta-label{font-size:9px;line-height:1.4;color:var(--accent);text-transform:uppercase;letter-spacing:.4px;text-align:center}.road-cta-label strong{font-size:10.5px}.road-doodle{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:0;stroke:var(--muted);fill:none;opacity:.7;stroke-width:2.2}.road-doodle[style*=color]{opacity:.55}.road-doodle-dots{display:flex;gap:8px;align-items:center}.road-doodle-dots span{width:5px;height:5px;border-radius:50%;background:var(--muted);opacity:.4}.road-doodle-dots span:nth-child(2){opacity:.28}.road-doodle-dots span:nth-child(3){opacity:.16}.road-caption{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.8}.road-caption-text{font-size:10.5px;color:var(--muted);border:1px solid var(--border-strong);border-radius:999px;padding:5px 11px;white-space:nowrap;background:var(--bg)}@media (max-width: 640px){.road-container{min-width:640px;height:460px}.road-label{max-width:100px;padding:4px 6px}.road-label-role{font-size:12px}.road-label-org{font-size:10px}.road-stop{width:20px;height:20px;font-size:9px}.road-token{width:26px;height:26px}.road-token svg{width:15px;height:15px}.now-pulse-road{width:32px;height:32px;top:16px}.road-cta{width:108px;padding:4px 7px}.road-doodle{display:none}}@media (max-width: 420px){.road-container{min-width:560px;height:400px}.road-label{max-width:88px;padding:4px 5px}.road-label-date{font-size:7px}.road-label-role{font-size:11px}.road-label-org{font-size:9.5px}.road-stop{width:18px;height:18px;font-size:8.5px}.road-token{width:24px;height:24px}.road-token svg{width:13px;height:13px}.road-cta{width:96px;padding:4px 6px}.road-cta-label{font-size:8px}.road-cta-label strong{font-size:9px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f4b6d1;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:#f4b6d1 transparent}@media (max-width: 900px){.corner-doodle,.side-doodle{display:none}.home-content{max-width:720px}}@media (max-width: 1100px){.journey-layout{flex-direction:column}.journey-right{order:-1;flex-basis:auto;width:100%}.big-title{display:none}}@media (max-width: 640px){.links{gap:6px}.link-btn{flex:1 1 calc(25% - 6px);max-width:none;padding:7px 4px;font-size:9.5px;gap:4px;letter-spacing:.2px}.link-btn svg{width:11px;height:11px}.nav-arrow{width:18px;height:18px}}.sidekick{position:fixed;right:clamp(40px,8vw,140px);bottom:clamp(76px,10vh,104px);z-index:45;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.sidekick-bubble{pointer-events:none;font-size:10.5px;letter-spacing:.2px;color:var(--muted);background:var(--bg);border:1px solid var(--border-strong);border-radius:999px;padding:6px 12px;white-space:nowrap;box-shadow:0 8px 20px -10px #0000002e;transition:color .2s ease,border-color .2s ease}.sidekick.excited .sidekick-bubble{color:var(--accent);border-color:var(--accent)}.sidekick-btn{position:relative;width:clamp(64px,7.5vw,96px);height:clamp(64px,7.5vw,96px);background:none;border:none;padding:0;cursor:pointer;pointer-events:auto;animation:sidekick-float 3.4s ease-in-out infinite}.sidekick-btn svg{width:100%;height:100%;filter:drop-shadow(0 12px 22px rgba(0,0,0,.16));transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.sidekick-btn:hover svg{transform:scale(1.05)}.sidekick.excited .sidekick-btn svg{transform:scale(1.18) rotate(-6deg)}@keyframes sidekick-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)}}.sidekick-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.burst-dot{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:var(--c);opacity:0;animation:burst-pop .75s ease-out forwards}@keyframes burst-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1)}}@media (max-width: 640px){.sidekick-btn{width:50px;height:50px}.sidekick{right:12px;bottom:72px;gap:5px}.sidekick-bubble{font-size:9.5px;padding:4px 9px}}@media (prefers-reduced-motion: reduce){.sidekick-btn{animation:none}.burst-dot{animation:none;opacity:0}}.palette-hint{margin-left:auto;display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--t-border);color:var(--t-muted);font-size:10px;letter-spacing:.5px;padding:4px 9px;border-radius:6px;cursor:pointer;transition:color .2s,border-color .2s}.palette-hint svg{width:12px;height:12px}.palette-hint:hover{color:var(--t-fg);border-color:var(--t-fg)}.terminal-console{margin-top:24px;text-align:left;border-top:1px solid var(--t-border);padding-top:14px}.console-hint{font-size:10.5px;color:var(--t-muted-light);margin-bottom:8px}.console-history{max-height:140px;overflow-y:auto;margin-bottom:5px}.console-line{margin-bottom:6px}.console-cmd{font-size:12px;color:var(--t-fg)}.console-output{font-size:11.5px;color:var(--accent);margin-top:2px;padding-left:14px}.prompt-glyph{color:var(--accent);margin-right:4px}.console-prompt{display:flex;align-items:center;gap:4px}.console-input{flex:1;background:none;border:none;outline:none;color:var(--t-fg);font-family:Space Mono,monospace;font-size:12.5px;caret-color:var(--accent)}.console-input::placeholder{color:var(--t-muted-light)}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0a0a73;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.palette-box{width:min(92%,460px);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 34px 70px -20px #0006;border:1px solid var(--border-strong)}.palette-input{width:100%;padding:14px 16px;font-size:13.5px;border:none;outline:none;border-bottom:1px solid var(--border)}.palette-list{max-height:280px;overflow-y:auto;padding:5px}.palette-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border:none;background:none;cursor:pointer;border-radius:6px;text-align:left}.palette-item:hover{background:var(--card)}.palette-item-label{font-size:12.5px;font-weight:700}.palette-item-desc{font-size:11.5px;color:var(--muted)}.palette-empty{padding:18px;text-align:center;color:var(--muted);font-size:11.5px}.palette-footer{padding:7px 12px;font-size:9.5px;color:var(--muted);border-top:1px solid var(--border)}