*,:before,:after{box-sizing:border-box;margin:0;padding:0}button{color:inherit}:root{--yellow:#fff3b0;--blue:#b8e0ff;--peach:#ffd4b8;--mint:#b8f0d8;--pink:#ffb8d0;--lavender:#d4b8ff;--charcoal:#2d2d2d;--bg:#fff8f0;--white:#fff;--border:3px solid var(--charcoal);--border-sm:2px solid var(--charcoal);--shadow:5px 5px 0 var(--charcoal);--shadow-sm:3px 3px 0 var(--charcoal);--shadow-lg:7px 7px 0 var(--charcoal);--radius:16px;--radius-sm:10px;--cursor-default:url(/cursors/default.svg) 1 1, default;--cursor-pointer:url(/cursors/pointer.svg) 7 0, pointer;--cursor-card:url(/cursors/card.svg) 11 11, pointer;--cursor-collapse:url(/cursors/collapse.svg) 11 11, pointer;--cursor-expand:url(/cursors/expand.svg) 11 11, pointer}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;cursor:var(--cursor-default);scroll-padding-top:60px}body{background-color:var(--bg);color:var(--charcoal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle,#2d2d2d0b 1px,#0000 1px);background-size:22px 22px;min-height:100vh;font-family:Nunito,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{width:100%}.page{max-width:700px;margin:0 auto;padding:1.5rem 1.5rem 2rem}section{margin-bottom:4rem}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);background:#fff8f0d9;border-bottom:1.5px solid #2d2d2d14;padding:10px 1.5rem;position:sticky;top:0}.nav__inner{align-items:center;gap:16px;max-width:700px;margin:0 auto;display:flex}.nav__logo{cursor:var(--cursor-pointer);background:var(--yellow);border:2px solid var(--charcoal);width:30px;height:30px;box-shadow:var(--shadow-sm);will-change:transform, box-shadow;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex}.nav__logo:hover{box-shadow:4px 4px 0 var(--charcoal);transform:translate(-1px,-1px)}.nav__links{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.nav__link{cursor:var(--cursor-pointer);opacity:.5;white-space:nowrap;border-radius:6px;padding:4px 10px;font-family:Space Mono,monospace;font-size:.62rem;font-weight:700;transition:opacity .15s,background-color .15s}.nav__link:hover{opacity:1;background:#2d2d2d0d}.nav__link--active{opacity:1;background:var(--lavender);border:1.5px solid var(--charcoal)}.nav__social{cursor:var(--cursor-pointer);background:var(--blue);border:1.5px solid var(--charcoal);width:28px;height:28px;box-shadow:2px 2px 0 var(--charcoal);opacity:.7;will-change:transform, box-shadow;border-radius:6px;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex}.nav__social svg{width:14px;height:14px}.nav__social:hover{opacity:1;box-shadow:3px 3px 0 var(--charcoal);transform:translate(-1px,-1px)}.nav__burger{cursor:var(--cursor-pointer);background:var(--white);border:2px solid var(--charcoal);width:30px;height:30px;box-shadow:var(--shadow-sm);cursor:var(--cursor-pointer);will-change:transform, box-shadow;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;margin-left:auto;padding:6px;transition:transform .15s,box-shadow .15s;display:none}.nav__burger:hover{box-shadow:4px 4px 0 var(--charcoal);transform:translate(-1px,-1px)}.nav__burger span{background:var(--charcoal);border-radius:1px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.nav__burger--open span:first-child{transform:translateY(6px)rotate(45deg)}.nav__burger--open span:nth-child(2){opacity:0}.nav__burger--open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav__drawer{display:none}@media (width<=600px){.nav{padding:8px 1rem}.nav__logo{width:26px;height:26px;font-size:.9rem}.nav__links--desktop{display:none}.nav__burger{display:flex}.nav__drawer{-webkit-backdrop-filter:blur(12px);background:#fff8f0f2;border-bottom:1.5px solid #2d2d2d14;flex-direction:column;gap:2px;padding:10px 1rem;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #0000000f}.nav__drawer-link{cursor:var(--cursor-pointer);opacity:.6;border-radius:8px;padding:8px 12px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;transition:opacity .15s,background-color .15s}.nav__drawer-link:hover,.nav__drawer-link:active{opacity:1;background:#2d2d2d0d}.nav__drawer-link--active{opacity:1;background:var(--lavender);border:1.5px solid var(--charcoal)}.nav__social--desktop{display:none}.nav__drawer-divider{background:#2d2d2d1a;height:1px;margin:6px 0}.nav__drawer-contact{flex-direction:column;gap:6px;display:flex}.nav__drawer-social{cursor:var(--cursor-pointer);background:var(--white);border:1.5px solid var(--charcoal);box-shadow:2px 2px 0 var(--charcoal);will-change:transform, box-shadow;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.nav__drawer-social:hover,.nav__drawer-social:active{box-shadow:3px 3px 0 var(--charcoal);transform:translate(-1px,-1px)}.nav__drawer-social svg{flex-shrink:0;width:14px;height:14px}}.scroll-indicator{z-index:50;flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.scroll-indicator__item{cursor:var(--cursor-pointer);opacity:0;background:0 0;border:none;align-items:center;gap:8px;padding:0;transition:opacity .3s;display:flex}.scroll-indicator__item--active{opacity:1}.scroll-indicator--scrolling .scroll-indicator__item{opacity:.5}.scroll-indicator--scrolling .scroll-indicator__item--active{opacity:1}.scroll-indicator__label{color:var(--charcoal);white-space:nowrap;opacity:0;font-family:Space Mono,monospace;font-size:.6rem;font-weight:700;transition:opacity .3s}.scroll-indicator__item--active .scroll-indicator__label{opacity:1}.scroll-indicator--scrolling .scroll-indicator__item .scroll-indicator__label{opacity:.5}.scroll-indicator--scrolling .scroll-indicator__item--active .scroll-indicator__label{opacity:1}.scroll-indicator__dot{border:2px solid var(--charcoal);background:0 0;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:width .3s,height .3s,background .3s,box-shadow .3s}.scroll-indicator__item--active .scroll-indicator__dot{width:10px;height:10px}@media (width<=600px){.scroll-indicator{gap:10px;right:10px}.scroll-indicator__label{display:none}.scroll-indicator__dot{width:6px;height:6px}.scroll-indicator__item--active .scroll-indicator__dot{width:8px;height:8px}}@keyframes popIn{0%{opacity:0;transform:scale(.92)translateY(12px)}70%{transform:scale(1.01)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.pop-in{animation:.5s ease-out both popIn}.pop-in-1{animation-delay:0s}.pop-in-2{animation-delay:.1s}.pop-in-3{animation-delay:.2s}.pop-in-4{animation-delay:.3s}.hero{text-align:center;padding-top:.5rem}.hero__status{z-index:3;text-transform:uppercase;letter-spacing:.08em;background:var(--mint);border:var(--border-sm);box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-family:Space Mono,monospace;font-size:.65rem;display:inline-flex;position:absolute;top:-12px;right:-28px;transform:rotate(4deg)}.hero__status-dot{border:1.5px solid var(--charcoal);background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero__identity{align-items:flex-end;gap:0;margin-bottom:1rem;display:inline-flex;position:relative}.hero__photo-wrapper{display:inline-block;position:relative}.hero__tape{background:var(--yellow);border:2px solid var(--charcoal);opacity:.85;z-index:2;border-radius:3px;width:72px;height:22px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(2deg)}.hero__photo-frame{border-radius:var(--radius);border:var(--border);width:220px;height:220px;box-shadow:var(--shadow);background:var(--peach);transition:transform .3s;overflow:hidden;transform:rotate(-3deg)}.hero__photo-frame:hover{box-shadow:var(--shadow-lg);transform:rotate(0)scale(1.04)}.hero__photo-frame--clickable{cursor:pointer}.hero__photo-frame img{object-fit:cover;width:100%;height:100%}.hero__nickname{letter-spacing:-.03em;background:var(--yellow);border:var(--border);box-shadow:var(--shadow);z-index:2;border-radius:12px;margin-bottom:12px;margin-left:-18px;padding:6px 22px 10px;font-family:Bricolage Grotesque,sans-serif;font-size:3.6rem;font-weight:800;line-height:1;transition:transform .3s;display:inline-block;transform:rotate(2deg)}.hero__nickname:hover{box-shadow:var(--shadow-lg);transform:rotate(-.5deg)scale(1.04)}.hero__fullname{opacity:.45;letter-spacing:.05em;margin-bottom:.6rem;font-family:Space Mono,monospace;font-size:.75rem}.hero__tagline{opacity:.7;max-width:420px;margin-bottom:1.75rem;margin-left:auto;margin-right:auto;font-size:1.1rem;font-weight:400}.hero__tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:2rem;display:flex}.tag{border:var(--border-sm);box-shadow:var(--shadow-sm);white-space:nowrap;cursor:default;border-radius:20px;padding:4px 14px;font-family:Space Mono,monospace;font-size:.72rem;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.tag:hover{box-shadow:4px 4px 0 var(--charcoal);transform:translate(-1px,-1px)}.hero__socials{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.social-btn{background:var(--white);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);color:var(--charcoal);will-change:transform, box-shadow;cursor:var(--cursor-pointer);align-items:center;gap:9px;padding:12px 24px;font-family:Nunito,sans-serif;font-size:.92rem;font-weight:700;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94),background-color .2s;display:inline-flex}.social-btn:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.social-btn:active{box-shadow:2px 2px 0 var(--charcoal);transform:translate(1px,1px)}.social-btn--github:hover{background:var(--lavender)}.social-btn--linkedin:hover{background:var(--blue)}.social-btn--email:hover{background:var(--yellow)}.social-btn--twitter:hover{background:var(--mint)}.social-btn svg{flex-shrink:0;width:18px;height:18px}.about__card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);will-change:transform, box-shadow;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);overflow:hidden;transform:rotate(.6deg)}.about__card:hover{box-shadow:var(--shadow-lg);transform:rotate(0)translate(-2px,-2px)}.about__browser-bar{background:var(--blue);border-bottom:var(--border);align-items:center;gap:6px;padding:10px 14px;display:flex}.about__browser-dot{border:1.5px solid var(--charcoal);border-radius:50%;width:10px;height:10px}.about__browser-dot--red{background:#ff6b6b}.about__browser-dot--yellow{background:#ffd93d}.about__browser-dot--green{background:#6bcb77}.about__browser-url{opacity:.55;flex:1;margin-left:8px;font-family:Space Mono,monospace;font-size:.68rem}.about__content{padding:1.5rem}.about__label{margin-bottom:.6rem;font-family:Bricolage Grotesque,sans-serif;font-size:1.25rem;font-weight:700}.about__text{opacity:.8;font-size:.98rem;line-height:1.75}.workflow__header{align-items:center;gap:10px;margin-bottom:.6rem;display:flex}.workflow__icon{background:var(--lavender);border:var(--border-sm);width:28px;height:28px;box-shadow:var(--shadow-sm);border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex;transform:rotate(6deg)}.workflow__title{font-family:Bricolage Grotesque,sans-serif;font-size:1.4rem;font-weight:700}.workflow__desc{opacity:.7;max-width:540px;margin-bottom:1.25rem;font-size:.92rem;line-height:1.6}.workflow__card{background:var(--charcoal);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);will-change:transform, box-shadow;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);overflow:visible;transform:rotate(-.3deg)}.workflow__card:hover{box-shadow:var(--shadow-lg);transform:rotate(0)translate(-2px,-2px)}.workflow__terminal-bar{border-radius:var(--radius) var(--radius) 0 0;background:#3a3a3a;border-bottom:2px solid #1a1a1a;align-items:center;gap:6px;padding:10px 14px;display:flex}.workflow__terminal-title{color:#888;flex:1;margin-left:8px;font-family:Space Mono,monospace;font-size:.68rem}.workflow__terminal-body{padding:1.25rem 1.4rem}.workflow__phase{margin-bottom:1.1rem}.workflow__phase:last-child{margin-bottom:0}.workflow__command{color:#e0e0e0;align-items:center;gap:8px;margin-bottom:.6rem;font-family:Space Mono,monospace;font-size:.78rem;display:flex}.workflow__phase-label{text-transform:uppercase;letter-spacing:.08em;color:#888;background:#444;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:.6rem}.workflow__prompt{color:#4ade80;margin-right:6px}.workflow__pipeline{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:1rem;display:flex}.workflow__step-row{align-items:center;gap:6px;display:inline-flex}.workflow__step{border:2px solid var(--charcoal);color:var(--charcoal);white-space:nowrap;border-radius:6px;padding:4px 12px;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700}.workflow__arrow{color:#666;flex-shrink:0;font-size:.75rem}.workflow__divider{border-top:1px solid #444;margin:1rem 0}.workflow__roles-label{color:#999;margin-bottom:.75rem;font-family:Space Mono,monospace;font-size:.75rem}.workflow__roles{flex-wrap:wrap;gap:6px;display:flex}.workflow__role{border:2px solid var(--charcoal);color:var(--charcoal);white-space:nowrap;border-radius:14px;padding:3px 10px;font-family:Space Mono,monospace;font-size:.6rem;font-weight:700}.workflow__headline-badge{background:var(--yellow);border:var(--border);box-shadow:var(--shadow-sm);border-radius:8px;margin-top:1rem;padding:6px 18px;font-family:Bricolage Grotesque,sans-serif;font-size:.85rem;font-weight:800;display:inline-block;transform:rotate(1.5deg)}.workflow__detail-link{cursor:var(--cursor-pointer);background:var(--white);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);will-change:transform, box-shadow;align-items:center;gap:8px;margin-top:1rem;margin-left:.75rem;padding:10px 20px;font-family:Space Mono,monospace;font-size:.82rem;font-weight:700;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94),background-color .2s;display:inline-flex}.workflow__detail-link:hover{box-shadow:var(--shadow-lg);background:var(--blue);transform:translate(-2px,-2px)}@media (width<=600px){.workflow__terminal-body{padding:1rem}.workflow__command{font-size:.78rem}.workflow__step{padding:3px 9px;font-size:.62rem}.workflow__role{padding:2px 8px;font-size:.55rem}}.tooltip-wrapper{cursor:default;position:relative}.tooltip{--tip-shift:0px;bottom:calc(100% + 10px);left:calc(50% + var(--tip-shift));white-space:nowrap;color:var(--charcoal);background:var(--white);border:var(--border-sm);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;z-index:10;border-radius:8px;padding:6px 12px;font-family:Nunito,sans-serif;font-size:.72rem;font-weight:600;line-height:1.4;transition:opacity .15s,transform .15s;position:absolute;transform:translate(-50%)scale(.9)}.tooltip:after{content:"";top:100%;left:calc(50% - var(--tip-shift));border:5px solid #0000;border-top-color:var(--charcoal);position:absolute;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip{opacity:1;transform:translate(-50%)scale(1)}@media (width<=600px){.tooltip{white-space:normal;text-align:center;width:max-content;max-width:180px;font-size:.65rem}}.projects__header{align-items:center;gap:10px;margin-bottom:1.2rem;display:flex}.projects__cursor{background:var(--pink);border:var(--border-sm);width:28px;height:28px;box-shadow:var(--shadow-sm);border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex;transform:rotate(-6deg)}.projects__title{font-family:Bricolage Grotesque,sans-serif;font-size:1.4rem;font-weight:700}.projects__grid{flex-direction:column;gap:12px;display:flex}.project-card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--charcoal);justify-content:space-between;align-items:flex-start;gap:14px;padding:1rem 1.25rem;transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:flex}.project-card:nth-child(odd){transform:rotate(-.4deg)}.project-card:nth-child(2n){transform:rotate(.5deg)}.project-card:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)rotate(0)!important}.project-card__info{flex:1;min-width:0}.project-card__title{margin-bottom:2px;font-family:Bricolage Grotesque,sans-serif;font-size:1rem;font-weight:700}.project-card__desc{opacity:.65;font-size:.88rem;line-height:1.4}.project-card__tag{text-transform:uppercase;letter-spacing:.04em;border:var(--border-sm);white-space:nowrap;border-radius:14px;flex-shrink:0;margin-top:2px;padding:3px 10px;font-family:Space Mono,monospace;font-size:.62rem}.project-card:first-child .project-card__tag{background:var(--yellow)}.project-card:nth-child(2) .project-card__tag{background:var(--pink)}.projects-collapse{margin-top:12px}.projects-collapse__toggle{cursor:var(--cursor-collapse);background:var(--white);border:var(--border);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);will-change:transform, box-shadow;align-items:center;gap:10px;padding:14px 18px;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);display:flex}.projects-collapse__toggle:hover{box-shadow:var(--shadow);transform:translate(-2px,-2px)}.projects-collapse--open .projects-collapse__toggle{cursor:var(--cursor-expand);border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.projects-collapse__label{text-align:left;flex:1;font-family:Bricolage Grotesque,sans-serif;font-size:.95rem;font-weight:700}.projects-collapse__chevron{opacity:.25;flex-shrink:0;transition:transform .25s}.projects-collapse--open .projects-collapse__chevron{transform:rotate(180deg)}.projects-collapse__body{background:var(--white);border:var(--border);border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-top:none;overflow:hidden}.projects-collapse__body--stack{padding:14px 18px}.exp-row{border-bottom:1.5px solid #2d2d2d12;justify-content:space-between;align-items:center;gap:12px;padding:9px 1.25rem;transition:background-color .15s;display:flex}.exp-row:last-child{border-bottom:none}.exp-row:hover{background:#2d2d2d05}.exp-row__main{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.exp-row__company{white-space:nowrap;font-family:Bricolage Grotesque,sans-serif;font-size:.88rem;font-weight:700}.exp-row__role{opacity:.45;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.exp-row__meta{flex-shrink:0;align-items:center;gap:10px;display:flex}.exp-row__tag{text-transform:uppercase;letter-spacing:.04em;border:1.5px solid var(--charcoal);white-space:nowrap;border-radius:12px;padding:2px 9px;font-family:Space Mono,monospace;font-size:.56rem}.exp-row__period{opacity:.35;white-space:nowrap;font-family:Space Mono,monospace;font-size:.6rem}@media (width<=600px){.project-card{flex-direction:column;gap:8px;padding:.85rem 1rem}.project-card__tag{align-self:flex-start}.exp-row{flex-direction:column;align-items:flex-start;gap:3px;padding:9px 1rem}.exp-row__main{flex-direction:column;gap:1px}.exp-row__role{white-space:normal}}.hero__currently{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:.25rem;display:flex}.currently__item{background:var(--white);border:var(--border-sm);box-shadow:var(--shadow-sm);will-change:transform, box-shadow;cursor:default;border-radius:10px;align-items:center;gap:0;transition:transform .15s,box-shadow .15s;display:inline-flex;overflow:hidden}.currently__item:hover{box-shadow:4px 4px 0 var(--charcoal);transform:translate(-1px,-1px)}.currently__label{text-transform:uppercase;letter-spacing:.06em;border-right:var(--border-sm);padding:6px 10px;font-family:Space Mono,monospace;font-size:.62rem;font-weight:700}.currently__value{padding:6px 12px;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:600}.stack__title{margin-bottom:.7rem;font-family:Bricolage Grotesque,sans-serif;font-size:.95rem;font-weight:700;display:inline-block}.stack__groups{flex-direction:column;gap:10px;display:flex}.stack__group{align-items:flex-start;gap:10px;display:flex}.stack__group-label{text-transform:uppercase;letter-spacing:.05em;opacity:.4;white-space:nowrap;min-width:90px;padding-top:4px;font-family:Space Mono,monospace;font-size:.58rem}.stack__group-items{flex-wrap:wrap;gap:6px;display:flex}.stack__badge{border:1.5px solid var(--charcoal);white-space:nowrap;will-change:transform, box-shadow;cursor:default;border-radius:8px;padding:3px 11px;font-family:Space Mono,monospace;font-size:.62rem;font-weight:700;transition:transform .15s,box-shadow .15s}.stack__badge:hover{box-shadow:2px 2px 0 var(--charcoal);transform:translate(-1px,-1px)}@media (width<=600px){.currently__strip{gap:8px}.currently__value{font-size:.72rem}.stack__badge{padding:2px 9px;font-size:.58rem}}.roadmap-cta{max-width:640px;margin:0 auto 2.5rem;padding:0 1rem}.roadmap-cta__inner{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);will-change:transform, box-shadow;padding:1.5rem 1.8rem;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);transform:rotate(.3deg)}.roadmap-cta__inner:hover{box-shadow:var(--shadow-lg);transform:rotate(0)translate(-2px,-2px)}.roadmap-cta__title{align-items:center;gap:8px;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:1.15rem;font-weight:800;display:flex}.roadmap-cta__desc{opacity:.7;margin:6px 0 14px;font-size:.88rem;line-height:1.6}.roadmap-cta__tiers{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.roadmap-cta__tier{border:2px solid var(--charcoal);border-radius:20px;padding:3px 10px;font-family:Space Mono,monospace;font-size:.62rem;font-weight:700}.roadmap-cta__link{color:var(--charcoal);opacity:.5;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;transition:opacity .15s;display:inline-flex}.roadmap-cta__inner:hover .roadmap-cta__link{opacity:1}.explore__title{margin-bottom:1rem;font-family:Bricolage Grotesque,sans-serif;font-size:1.4rem;font-weight:700}.explore__grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.explore-card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);will-change:transform, box-shadow;flex-direction:column;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);display:flex;overflow:hidden}.explore-card:first-child{transform:rotate(-.4deg)}.explore-card:nth-child(2){transform:rotate(.5deg)}.explore-card:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.explore-card__header{border-bottom:var(--border);align-items:center;gap:8px;padding:10px 14px;display:flex}.explore-card__icon{align-items:center;display:flex}.explore-card__label{font-family:Space Mono,monospace;font-size:.72rem;font-weight:700}.explore-card__body{flex-direction:column;flex:1;padding:1.2rem;display:flex}.explore-card__desc{opacity:.8;flex:1;font-size:.92rem;line-height:1.65}.explore-card__link{opacity:.5;align-items:center;gap:6px;margin-top:1rem;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;transition:opacity .15s;display:inline-flex}.explore-card:hover .explore-card__link{opacity:1}@media (width<=600px){.explore__grid{grid-template-columns:1fr}}.contact{text-align:center}.contact__title{margin-bottom:1rem;font-family:Bricolage Grotesque,sans-serif;font-size:1.4rem;font-weight:700}.contact__links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.contact-link{cursor:var(--cursor-pointer);background:var(--white);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);color:var(--charcoal);will-change:transform, box-shadow;align-items:center;gap:8px;padding:10px 20px;font-family:Nunito,sans-serif;font-size:.88rem;font-weight:700;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94),background-color .2s;display:inline-flex}.contact-link:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.contact-link:active{box-shadow:2px 2px 0 var(--charcoal);transform:translate(1px,1px)}.contact-link--github:hover{background:var(--lavender)}.contact-link--linkedin:hover{background:var(--blue)}.contact-link--email:hover{background:var(--yellow)}.contact-link--twitter:hover{background:var(--mint)}.contact-link svg{flex-shrink:0;width:18px;height:18px}.footer{text-align:center;padding:2rem 0 1rem}.footer__text{opacity:.4;letter-spacing:.02em;font-family:Space Mono,monospace;font-size:.72rem}.wf-detail__back{cursor:var(--cursor-pointer);opacity:.5;margin-bottom:1.5rem;font-family:Space Mono,monospace;font-size:.75rem;transition:opacity .15s;display:inline-block}.wf-detail__back:hover{opacity:1}.wf-detail__hero{text-align:center;margin-bottom:2rem}.wf-detail__title{background:var(--yellow);border:var(--border);box-shadow:var(--shadow);will-change:transform, box-shadow;border-radius:10px;margin-bottom:.5rem;padding:4px 20px 8px;font-family:Bricolage Grotesque,sans-serif;font-size:2rem;font-weight:800;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);display:inline-block;transform:rotate(-1.5deg)}.wf-detail__title:hover{box-shadow:var(--shadow-lg);transform:rotate(.5deg)scale(1.02)}.wf-detail__subtitle{opacity:.7;max-width:500px;margin:0 auto;font-size:.95rem;line-height:1.6}.wf-detail__pipeline{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);will-change:transform, box-shadow;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:2.5rem;padding:20px;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);display:flex}.wf-detail__pipeline-row{align-items:center;gap:8px;display:inline-flex}.wf-detail__pill{border:2px solid var(--charcoal);white-space:nowrap;will-change:transform, box-shadow;cursor:default;border-radius:20px;padding:6px 16px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;transition:transform .15s,box-shadow .15s}.wf-detail__pill:hover{box-shadow:3px 3px 0 var(--charcoal);transform:translate(-1px,-1px)}.wf-detail__pill--heal{background:var(--lavender);border:2px solid var(--charcoal);border-radius:20px;padding:6px 16px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700}.wf-detail__pipeline-arrow{color:var(--charcoal);opacity:.4;font-size:.85rem}.wf-detail__pipeline-loop{text-align:center;opacity:.4;width:100%;margin-top:4px;font-family:Space Mono,monospace;font-size:.62rem}.wf-detail__pipeline-memory{color:#92400e;background:#fffbeb;border:1.5px solid #f59e0b;border-radius:20px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;padding:8px 20px;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;display:flex}.wf-detail__pipeline{transform:rotate(.4deg)}.wf-detail__pipeline:hover{box-shadow:var(--shadow-lg);transform:rotate(0)translate(-2px,-2px)}.wf-detail__card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);will-change:transform, box-shadow;margin-bottom:1.5rem;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.wf-detail__card:nth-child(odd){transform:rotate(-.4deg)}.wf-detail__card:nth-child(2n){transform:rotate(.5deg)}.wf-detail__card:hover{box-shadow:var(--shadow-lg);transform:rotate(0)translate(-2px,-2px)}.wf-detail__card-header{border-bottom:var(--border);align-items:center;gap:10px;padding:14px 20px;display:flex}.wf-detail__card-num{background:var(--white);border:2px solid var(--charcoal);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-family:Bricolage Grotesque,sans-serif;font-size:.85rem;font-weight:800;display:flex}.wf-detail__card-label{font-family:Bricolage Grotesque,sans-serif;font-size:1.15rem;font-weight:800}.wf-detail__card-tag{background:#2d2d2d0f;border-radius:4px;margin-left:auto;padding:3px 10px;font-family:Space Mono,monospace;font-size:.65rem}.wf-detail__card-desc{opacity:.75;border-bottom:1px solid #2d2d2d14;padding:16px 20px;font-size:.92rem;line-height:1.65}.wf-detail__card-tagline{border-bottom:1px solid #2d2d2d14;padding:16px 20px;font-size:.95rem;font-weight:600}.wf-detail__steps{padding:16px 20px}.wf-detail__step{gap:12px;margin-bottom:14px;display:flex}.wf-detail__step:last-child{margin-bottom:0}.wf-detail__step-num{border:1.5px solid var(--charcoal);min-width:26px;height:26px;box-shadow:2px 2px 0 var(--charcoal);will-change:transform, box-shadow;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex}.wf-detail__step:hover .wf-detail__step-num{box-shadow:3px 3px 0 var(--charcoal);transform:translate(-1px,-1px)}.wf-detail__step-label{margin-bottom:1px;font-family:Bricolage Grotesque,sans-serif;font-size:.9rem;font-weight:700}.wf-detail__step-desc{opacity:.6;font-size:.82rem;line-height:1.5}.wf-detail__card--heal{border-style:dashed}.wf-detail__card-header--heal{background:var(--lavender);border-bottom-style:dashed}.wf-detail__heal-systems{padding:4px 0}.wf-detail__heal-system{border-bottom:1px solid #2d2d2d14;gap:12px;padding:14px 20px;display:flex}.wf-detail__heal-system:last-child{border-bottom:none}.wf-detail__heal-trigger{text-transform:uppercase;letter-spacing:.03em;background:var(--lavender);border:1.5px solid var(--charcoal);box-shadow:2px 2px 0 var(--charcoal);white-space:nowrap;will-change:transform, box-shadow;cursor:default;border-radius:10px;align-self:flex-start;margin-top:2px;padding:3px 10px;font-family:Space Mono,monospace;font-size:.58rem;font-weight:700;transition:transform .15s,box-shadow .15s}.wf-detail__heal-trigger:hover{box-shadow:3px 3px 0 var(--charcoal);transform:translate(-1px,-1px)}.wf-detail__heal-label{margin-bottom:2px;font-family:Bricolage Grotesque,sans-serif;font-size:.9rem;font-weight:700}.wf-detail__heal-desc{opacity:.6;font-size:.82rem;line-height:1.5}.wf-detail__card--memory{border-color:#f59e0b}.wf-detail__card-header--memory{background:#fffbeb;border-bottom-color:#f59e0b}.wf-detail__memory-icon{font-size:1.2rem}.wf-detail__card-tag--memory{color:#92400e;background:#fef3c7}.wf-detail__memory-categories{padding:16px 20px}.wf-detail__memory-cat{gap:12px;margin-bottom:14px;display:flex}.wf-detail__memory-cat:last-child{margin-bottom:0}.wf-detail__memory-icon-badge{color:#92400e;will-change:transform, box-shadow;background:#fef3c7;border:1.5px solid #f59e0b;border-radius:8px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;min-width:28px;height:28px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:2px 2px #b45309}.wf-detail__memory-cat:hover .wf-detail__memory-icon-badge{transform:translate(-1px,-1px);box-shadow:3px 3px #b45309}.wf-detail__memory-label{margin-bottom:2px;font-family:Bricolage Grotesque,sans-serif;font-size:.9rem;font-weight:700}.wf-detail__memory-desc{opacity:.6;font-size:.82rem;line-height:1.5}.wf-detail__memory-bottom{color:#92400e;text-align:center;background:#fffbeb;border-top:1px solid #fde68a;padding:12px 20px;font-size:.82rem;font-style:italic}.wf-detail__subsection{background:var(--white);border:2px dashed var(--charcoal);border-radius:var(--radius);box-shadow:var(--shadow-sm);will-change:transform, box-shadow;margin-top:-.5rem;margin-bottom:1.5rem;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.wf-detail__subsection:hover{box-shadow:var(--shadow);transform:translate(-2px,-2px)}.wf-detail__subsection-toggle{width:100%;color:var(--charcoal);cursor:var(--cursor-collapse);background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 20px;transition:background-color .15s;display:flex}.wf-detail__subsection-toggle:hover{background:#2d2d2d05}.wf-detail__subsection-label{text-transform:uppercase;letter-spacing:.04em;opacity:.5;text-align:left;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700}.wf-detail__subsection-label--live{text-transform:none;letter-spacing:normal;opacity:.6}.wf-detail__subsection-chevron{opacity:.3;flex-shrink:0;transition:transform .25s}.wf-detail__subsection--open .wf-detail__subsection-toggle{cursor:var(--cursor-expand)}.wf-detail__subsection--open .wf-detail__subsection-chevron{transform:rotate(180deg)}.wf-detail__subsection-body{border-top:1px dashed #2d2d2d1a}.notes-category{margin-top:1rem}.notes-category:first-of-type{margin-top:0}.notes-category__toggle{cursor:var(--cursor-collapse);background:var(--white);border:var(--border);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);color:var(--charcoal);will-change:transform, box-shadow;align-items:center;gap:10px;margin-bottom:0;padding:14px 18px;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);display:flex}.notes-category__toggle:hover{box-shadow:var(--shadow);transform:translate(-2px,-2px)}.notes-category--open .notes-category__toggle{cursor:var(--cursor-expand);border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.notes-category__label{text-align:left;flex:1;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:1rem;font-weight:700}.notes-category__count{opacity:.4;background:#2d2d2d0f;border:1.5px solid #2d2d2d1a;border-radius:20px;padding:2px 8px;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700}.notes-category__chevron{opacity:.25;flex-shrink:0;transition:transform .25s}.notes-category--open .notes-category__chevron{transform:rotate(180deg)}.notes-category--open .notes-grid{border:var(--border);border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);background:var(--white);border-top:none;padding:12px}.notes-category--open .notes-card{box-shadow:none;cursor:var(--cursor-card);border:2px solid #2d2d2d1f}.notes-category--open .notes-card:hover{border-color:var(--charcoal);box-shadow:var(--shadow-sm);background:var(--bg)}.roadmap{padding-left:28px;position:relative}.roadmap:before{content:"";background:var(--charcoal);border-radius:2px;width:3px;position:absolute;top:24px;bottom:24px;left:13px}.roadmap__tier{position:relative}.roadmap__milestone{margin-bottom:16px;padding-left:24px;position:relative}.roadmap__milestone-badge{border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:6px 18px;display:inline-block;position:relative}.roadmap__milestone-badge:before{content:"";background:var(--charcoal);border:3px solid var(--bg);width:14px;height:14px;box-shadow:0 0 0 2px var(--charcoal);border-radius:50%;position:absolute;top:50%;left:-33px;transform:translateY(-50%)}.roadmap__milestone-name{font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem;font-weight:800}.roadmap__milestone-sub{opacity:.5;margin:4px 0 0;font-size:.78rem}.roadmap__nodes{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.roadmap-node{color:inherit;align-items:center;text-decoration:none;display:flex;position:relative}.roadmap-node__dot{border:2px solid var(--charcoal);z-index:1;border-radius:50%;flex-shrink:0;width:10px;height:10px;position:absolute;left:-22px}.roadmap-node__connector{background:var(--charcoal);opacity:.3;flex-shrink:0;width:16px;height:2px}.roadmap-node__card{background:var(--white);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);will-change:transform, box-shadow;flex:1;align-items:center;gap:12px;padding:12px 16px;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);display:flex}.roadmap-node--link{cursor:var(--cursor-card)}.roadmap-node--link:hover .roadmap-node__card{box-shadow:var(--shadow);transform:translate(-2px,-2px)}.roadmap-node--link:hover .roadmap-node__connector{opacity:1}.roadmap-node--link:hover .roadmap-node__arrow{opacity:.5;transform:translate(3px)}.roadmap-node--soon{cursor:default}.roadmap-node--soon .roadmap-node__card{opacity:.55}.roadmap-node__icon{border:2px solid var(--charcoal);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.roadmap-node__content{flex:1;min-width:0}.roadmap-node__title{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:.92rem;font-weight:700}.roadmap-node__desc{opacity:.6;margin:1px 0 0;font-size:.78rem;line-height:1.4}.roadmap-node__arrow{opacity:.15;flex-shrink:0;transition:opacity .2s,transform .2s}.roadmap-node__tag{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#2d2d2d0f;border:1.5px solid #2d2d2d1f;border-radius:20px;flex-shrink:0;padding:2px 10px;font-family:Space Mono,monospace;font-size:.55rem;font-weight:700}.roadmap__bridge{height:32px;position:relative}@media (width<=600px){.roadmap{padding-left:22px}.roadmap:before{left:10px}.roadmap__milestone{padding-left:20px}.roadmap__milestone-badge:before{left:-29px}.roadmap-node__dot{width:8px;height:8px;left:-18px}.roadmap-node__connector{width:10px}.roadmap-node__card{gap:10px;padding:10px 12px}.roadmap-node__desc{display:none}.roadmap__bridge{height:20px}}.notes-grid{flex-direction:column;gap:12px;display:flex}.notes-card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:var(--cursor-card);will-change:transform, box-shadow;align-items:flex-start;gap:14px;padding:16px 20px;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);display:flex}.notes-card:nth-child(odd){transform:rotate(-.3deg)}.notes-card:nth-child(2n){transform:rotate(.4deg)}.notes-card:hover{box-shadow:var(--shadow-lg);transform:rotate(0)translate(-2px,-2px)}.notes-card__icon{border:2px solid var(--charcoal);width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notes-card__title{margin-bottom:2px;font-family:Bricolage Grotesque,sans-serif;font-size:1rem;font-weight:700}.notes-card__desc{opacity:.6;font-size:.82rem;line-height:1.5}.notes-card__arrow{opacity:.15;flex-shrink:0;align-self:center;transition:opacity .2s,transform .2s}.notes-card:hover .notes-card__arrow{opacity:.5;transform:translate(3px)}.note-divider{border:none;border-top:2px dashed #2d2d2d1a;margin:2.5rem 0 1.5rem}.note-visual{justify-content:center;margin-bottom:2rem;display:flex}.cache-layers__svg{width:100%;max-width:360px;height:auto}.cache-layer{opacity:0}.cache-layer--1{animation:10s infinite cacheLayerIn}.cache-layer--2{animation:10s .3s infinite cacheLayerIn}.cache-layer--3{animation:10s .6s infinite cacheLayerIn}.cache-layer--4{animation:10s .9s infinite cacheLayerIn}.cache-layer--5{animation:10s 1.2s infinite cacheLayerIn}@keyframes cacheLayerIn{0%,3%{opacity:0;transform:translateY(4px)}8%,82%{opacity:1;transform:translateY(0)}90%,to{opacity:0}}.note-layer__body{padding:16px 20px}.note-layer__section{margin-bottom:12px}.note-layer__section:last-child{margin-bottom:0}.note-layer__section--highlight{background:#2d2d2d08;border:1px dashed #2d2d2d1a;border-radius:8px;padding:10px 14px}.note-layer__label{text-transform:uppercase;letter-spacing:.04em;opacity:.4;margin-bottom:4px;font-family:Space Mono,monospace;font-size:.6rem;font-weight:700;display:block}.note-layer__text{opacity:.7;font-size:.88rem;line-height:1.65}@media (width<=600px){.notes-card{padding:14px 16px}.note-layer__body{padding:12px 16px}}.note-layer__visual{justify-content:center;padding:20px 20px 0;display:flex}.note-layer__visual svg{width:100%;max-width:300px;height:auto}.vpn-visual__svg{width:100%;max-width:380px;height:auto}.vpn-tunnel{animation:1.5s linear infinite tunnelFlow}@keyframes tunnelFlow{to{stroke-dashoffset:-18px}}.vpn-blocked{animation:2.5s ease-in-out infinite blockedPulse}@keyframes blockedPulse{0%,to{opacity:.5}50%{opacity:1}}.api-flow-right{stroke-dasharray:6 4;animation:1.2s linear infinite flowRight}.api-flow-right--slow{stroke-dasharray:6 4;animation:2s linear infinite flowRight}.api-flow-left{stroke-dasharray:6 4;animation:1.2s linear infinite flowLeft}.api-flow-left--slow{stroke-dasharray:6 4;animation:2s linear infinite flowLeft}.api-flow-right--fast{stroke-dasharray:3 3;animation:.6s linear infinite flowRight}.api-flow-left--fast{stroke-dasharray:3 3;animation:.6s linear infinite flowLeft}@keyframes flowRight{to{stroke-dashoffset:-20px}}@keyframes flowLeft{to{stroke-dashoffset:20px}}.wf-detail__note{background:var(--white);border-radius:var(--radius);border:2px dashed #2d2d2d26;margin-bottom:1.5rem;padding:24px}.wf-detail__note-text{opacity:.6;margin-bottom:1rem;font-size:.88rem;font-style:italic;line-height:1.75}.wf-detail__note-text:last-child{margin-bottom:0}.wf-detail__back-bottom{text-align:center;padding:2rem 0 1rem}@media (width<=600px){.wf-detail__title{font-size:1.5rem}.wf-detail__subtitle{font-size:.88rem}.wf-detail__pipeline{gap:6px;padding:14px}.wf-detail__pill{padding:5px 12px;font-size:.65rem}.wf-detail__card-header{padding:12px 16px}.wf-detail__card-desc,.wf-detail__card-tagline{padding:12px 16px;font-size:.88rem}.wf-detail__steps,.wf-detail__memory-categories,.wf-detail__heal-system{padding:12px 16px}.page{padding:2rem 1rem}.hero__identity{flex-direction:column;align-items:center}.hero__nickname-group{margin-bottom:0}.hero__nickname{margin-top:-14px;margin-left:0;padding:3px 16px 6px;font-size:2.6rem}.hero__tagline{font-size:1rem}.hero__photo-frame{width:170px;height:170px}.hero__tape{width:60px;height:18px}.social-btn,.contact-link{padding:8px 16px;font-size:.82rem}.contact__links{flex-direction:column}.contact-link{justify-content:center}.about__content{padding:1.1rem}.project-card{flex-direction:column;gap:8px;padding:.85rem 1rem}.project-card__tag{align-self:flex-start}section{margin-bottom:2.5rem}}.ghibli-agent{z-index:50;cursor:grab;touch-action:none;filter:drop-shadow(3px 3px #2d2d2d26);animation:3s ease-in-out infinite ghibli-float;position:fixed}.ghibli-agent__img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100px;height:auto;display:block}.ghibli-agent__bubble{--bubble-shift:0px;bottom:calc(100% - 6px);left:calc(50% + var(--bubble-shift));box-sizing:border-box;background:var(--white);border:2px solid var(--charcoal);width:max-content;max-width:min(18rem,100vw - 24px);color:var(--charcoal);white-space:normal;overflow-wrap:anywhere;text-align:center;box-shadow:3px 3px 0 var(--charcoal);pointer-events:none;border-radius:12px;padding:6px 12px;font-family:Space Mono,monospace;font-size:.62rem;font-weight:700;line-height:1.45;animation:.3s cubic-bezier(.34,1.56,.64,1) bubble-pop;position:absolute;transform:translate(-50%)}.ghibli-agent__bubble:after{content:"";bottom:-8px;left:calc(50% - var(--bubble-shift));border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--charcoal);width:0;height:0;position:absolute;transform:translate(-50%)}.ghibli-agent__bubble:before{content:"";bottom:-5px;left:calc(50% - var(--bubble-shift));border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--white);z-index:1;width:0;height:0;position:absolute;transform:translate(-50%)}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%)scale(0)}to{opacity:1;transform:translate(-50%)scale(1)}}.ghibli-agent:hover{filter:drop-shadow(4px 4px #2d2d2d33)}.ghibli-agent--dragging{cursor:grabbing;animation:none}.ghibli-agent__recall{z-index:50;background:var(--peach);border:1.5px solid var(--charcoal);cursor:pointer;opacity:.4;border-radius:50%;width:12px;height:12px;transition:opacity .2s,transform .2s;position:fixed;bottom:16px;right:16px}.ghibli-agent__recall:hover{opacity:1;transform:scale(1.5)}@keyframes ghibli-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=600px){.ghibli-agent__img{width:70px}.ghibli-agent__bubble{max-width:min(14rem,100vw - 20px);padding:5px 10px;font-size:.55rem}}.howto-audit{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;overflow:hidden}.howto-audit__card{border-bottom:var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.howto-audit__card-title{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:.95rem;font-weight:700}.howto-audit__progress{opacity:.5;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700}.howto-audit__body{padding:24px 20px}.howto-audit__question{margin:0 0 20px;font-family:Bricolage Grotesque,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.4}.howto-audit__options{flex-direction:column;gap:10px;display:flex}.howto-audit__option{text-align:left;background:var(--bg);color:var(--charcoal);border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;padding:14px 18px;font-family:Nunito,sans-serif;font-size:.88rem;font-weight:600;transition:border-color .15s,background-color .15s}.howto-audit__option:hover{border-color:var(--charcoal)}.howto-audit__option--selected{border-color:var(--charcoal);background:var(--yellow)}.howto-audit__back{color:var(--charcoal);text-transform:uppercase;letter-spacing:.05em;opacity:.4;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:16px;padding:8px 14px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;transition:opacity .15s;display:inline-flex}.howto-audit__back:hover{opacity:.8}.howto-audit__reflection{padding:24px 20px}.howto-audit__reflection-text{opacity:.7;margin:0;font-family:Nunito,sans-serif;font-size:.9rem;line-height:1.6}.howto-audit__theme-link{background:var(--bg);border-radius:var(--radius-sm);color:var(--charcoal);align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;text-decoration:none;transition:background-color .15s;display:flex}.howto-audit__theme-link:last-of-type{margin-bottom:0}.howto-audit__theme-link:hover{background:var(--yellow)}.howto-audit__theme-title{white-space:nowrap;font-family:Bricolage Grotesque,sans-serif;font-size:.88rem;font-weight:700}.howto-audit__theme-summary{opacity:.6;flex:1;font-family:Nunito,sans-serif;font-size:.78rem}.howto-audit__theme-arrow{opacity:.3;flex-shrink:0}.howto-audit__retake{color:var(--charcoal);text-transform:uppercase;letter-spacing:.05em;opacity:.3;cursor:pointer;background:0 0;border:none;margin-top:16px;padding:8px 14px;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;transition:opacity .15s;display:inline-block}.howto-audit__retake:hover{opacity:.7}@media (width<=600px){.howto-audit__theme-link{flex-direction:column;align-items:flex-start;gap:4px}.howto-audit__theme-arrow{display:none}}.howto-divider{text-align:center;margin-bottom:1rem;padding:32px 20px 16px;position:relative}.howto-divider:before{content:"";border-top:2px dashed #2d2d2d33;width:80px;margin:0 auto 24px;display:block}.howto-divider__title{margin:0 0 8px;font-family:Bricolage Grotesque,sans-serif;font-size:1.4rem;font-weight:800}.howto-divider__subtitle{opacity:.6;max-width:500px;margin:0 auto;font-family:Nunito,sans-serif;font-size:.88rem;line-height:1.6}.howto-block-category{background:var(--white);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);will-change:transform, box-shadow;margin-top:1rem;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.howto-block-category:first-of-type{margin-top:0}.howto-block-category:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.howto-block-category__toggle{width:100%;color:var(--charcoal);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:14px 20px;display:flex}.howto-block-category--open .howto-block-category__toggle{border-bottom:var(--border)}.howto-block-category__label{text-align:left;flex:1;font-family:Bricolage Grotesque,sans-serif;font-size:1rem;font-weight:700}.howto-block-category__count{background:var(--bg);opacity:.4;border-radius:999px;padding:2px 10px;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700}.howto-block-category__chevron{opacity:.25;flex-shrink:0;transition:transform .25s}.howto-block-category--open .howto-block-category__chevron{transform:rotate(180deg)}.howto-block-category__body{padding:16px}.howto-concept{background:var(--white);border:2px dashed var(--charcoal);border-radius:var(--radius);will-change:transform, box-shadow;margin-bottom:1.5rem;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.howto-concept:hover{box-shadow:var(--shadow);transform:translate(-2px,-2px)}.howto-concept--highlighted{border-style:solid}.howto-concept__toggle{width:100%;color:var(--charcoal);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 20px;transition:background-color .15s;display:flex}.howto-concept__toggle:hover{background:#2d2d2d05}.howto-concept__label{text-transform:uppercase;letter-spacing:.05em;opacity:.5;text-align:left;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700}.howto-concept__chevron{opacity:.3;flex-shrink:0;transition:transform .25s}.howto-concept--open .howto-concept__chevron{transform:rotate(180deg)}.howto-concept__body{border-top:1px dashed #2d2d2d1a}.howto-concept__content{padding:24px 20px}.howto-concept__challenge{margin:0 0 16px;font-family:Bricolage Grotesque,sans-serif;font-size:1rem;font-weight:700;line-height:1.5}.howto-concept__text{opacity:.8;margin:0 0 14px;font-family:Nunito,sans-serif;font-size:.88rem;line-height:1.75}.howto-concept__try{background:var(--bg);border-radius:var(--radius-sm);margin:20px 0 0;padding:14px 18px;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;line-height:1.6}.howto-concept__link{color:var(--charcoal);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;transition:opacity .15s}.howto-concept__link:hover{opacity:.6}.howto-concept__example-label{text-transform:uppercase;letter-spacing:.05em;opacity:.4;margin:24px 0 8px;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700}.howto-concept__example{opacity:.8;margin:0 0 14px;font-family:Nunito,sans-serif;font-size:.85rem;font-style:italic;line-height:1.7}.howto-concept__code{background:var(--charcoal);color:var(--bg);border-radius:var(--radius-sm);margin:12px 0 0;padding:16px 18px;overflow-x:auto}.howto-concept__code pre{white-space:pre;margin:0;font-family:Space Mono,monospace;font-size:.68rem;line-height:1.7}.howto-concept__code-label{text-transform:uppercase;letter-spacing:.05em;opacity:.5;margin-bottom:8px;font-family:Space Mono,monospace;font-size:.58rem;font-weight:700;display:block}.howto-concept__diagram{justify-content:center;margin:8px 0;padding:16px 0;display:flex}.howto-concept__diagram svg{overflow:visible}.howto-action-plan{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;overflow:hidden}.howto-action-plan__header{border-bottom:var(--border);padding:14px 20px}.howto-action-plan__title{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:.95rem;font-weight:700}.howto-action-plan__subtitle{opacity:.6;margin:4px 0 0;font-family:Nunito,sans-serif;font-size:.75rem}.howto-action-plan__body{padding:20px}.howto-action-plan__step{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.howto-action-plan__step:last-of-type{margin-bottom:0}.howto-action-plan__num{background:var(--mint);border:2px solid var(--charcoal);border-radius:50%;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;display:flex}.howto-action-plan__text{margin:3px 0 0;font-family:Nunito,sans-serif;font-size:.85rem;line-height:1.6}.howto-action-plan__more{opacity:.5;margin:16px 0 0;font-family:Nunito,sans-serif;font-size:.78rem;font-style:italic}.howto-action-plan__link{color:var(--charcoal);text-underline-offset:2px;text-decoration:underline}.howto-progression{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:24px 20px}.howto-progression__stage{align-items:flex-start;gap:14px;display:flex}.howto-progression__marker{border:2px solid var(--charcoal);border-radius:50%;width:14px;min-width:14px;height:14px;margin-top:2px}.howto-progression__content{flex:1}.howto-progression__label{font-family:Bricolage Grotesque,sans-serif;font-size:.9rem;font-weight:700;display:block}.howto-progression__desc{opacity:.7;margin-top:2px;font-family:Nunito,sans-serif;font-size:.8rem;line-height:1.5;display:block}.howto-progression__next{opacity:.4;margin-top:6px;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700;display:block}.howto-progression__connector{background:var(--charcoal);opacity:.15;width:2px;height:16px;margin:4px 0 4px 6px}.howto-walkthrough{margin-bottom:1.5rem}.howto-walkthrough__step{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);will-change:transform, box-shadow;align-items:flex-start;gap:16px;margin-bottom:12px;padding:18px 20px;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);display:flex}.howto-walkthrough__step:hover{box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}.howto-walkthrough__day{border:2px solid var(--charcoal);border-radius:var(--radius-sm);text-transform:uppercase;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;display:flex}.howto-walkthrough__content{flex:1}.howto-walkthrough__title{margin-bottom:4px;font-family:Bricolage Grotesque,sans-serif;font-size:.92rem;font-weight:700;display:block}.howto-walkthrough__desc{opacity:.75;margin:0;font-family:Nunito,sans-serif;font-size:.82rem;line-height:1.6}@media (width<=600px){.howto-walkthrough__step{flex-direction:column;gap:10px}.howto-walkthrough__day{width:auto;height:auto;padding:6px 14px}.howto-progression__stage{gap:10px}}.howto-related{margin-bottom:2rem}.howto-related__label{text-transform:uppercase;letter-spacing:.05em;opacity:.4;margin-bottom:10px;font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;display:block}.howto-related__links{flex-wrap:wrap;gap:8px;display:flex}.howto-related__link{background:var(--white);border:var(--border);border-radius:var(--radius-sm);box-shadow:3px 3px 0 var(--charcoal);color:var(--charcoal);will-change:transform, box-shadow;padding:8px 16px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.howto-related__link:hover{box-shadow:var(--shadow);transform:translate(-2px,-2px)}@media (width<=600px){.howto-related__links{flex-direction:column}.howto-related__link{text-align:center}}