@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap";:root{--color-bg: #fffbfa;--color-text: #1c1917;--font-serif: "Lora", serif;--fs-xxl: 3rem;--fs-xl: 2rem;--fs-lg: 1.5rem;--fs-md: 1rem;--fs-sm: .875rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem}html{font-family:var(--font-serif);background-color:var(--color-bg);color:var(--color-text)}h1{font-size:var(--fs-xxl);font-weight:500}p{font-size:var(--fs-md);margin:0;padding:0}.logo-img{width:70px;height:70px}.nav-link{text-decoration:none;color:var(--color-text);font-size:var(--fs-md)}.hero-content{max-width:45rem;padding:var(--space-xxl) 0}#thoughtCanvas{display:block;cursor:default}.scribble-section{padding:calc(var(--space-xxl) * 2) 0;min-height:50vh;display:flex;align-items:center}.appear-animation-text{font-size:var(--fs-lg)}.tools-section{padding:calc(var(--space-xxl) * 3) 0;position:relative;overflow:hidden}.tools-scribble{position:absolute;top:50%;right:10%;transform:translateY(-50%);opacity:.15;pointer-events:none;z-index:0}.tools-content{max-width:45rem;position:relative;z-index:1}.tools-intro{font-size:var(--fs-lg);margin-bottom:var(--space-md)}.tools-stack-intro{font-size:var(--fs-md);margin-bottom:var(--space-xl);opacity:.8}.tech-list{margin-bottom:var(--space-xl);padding:var(--space-lg) 0;display:flex;flex-wrap:wrap;gap:var(--space-xl);align-items:flex-start}.tech-section{flex:1;min-width:200px}.tech-section-name{font-size:var(--fs-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-bottom:var(--space-md)}.tech-group{display:block;line-height:1.8}.tech-group-separator{display:none}.tech-item{display:inline-block;position:relative;transition:color .3s ease;margin-right:var(--space-md);margin-bottom:var(--space-sm);font-size:var(--fs-md)}.tech-item:hover{color:#1c1917b3}.tech-separator{margin:0 var(--space-sm);opacity:.4}.tools-closing{font-size:var(--fs-md);margin-top:var(--space-xl)}.container{max-width:1100px;width:100%;margin:0 auto;padding:0 var(--space-lg);box-sizing:border-box}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-xxl{gap:var(--space-xxl)}