:root{--bg-green:#dfe5d7;--text:#3a4435;--accent-dark:#5a6b4e;--stroke:#4a5540;--font-display:"Lexend", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-display);color:var(--text);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#e6ebdd 0%,#dfe5d7 30%,#cdd8c2 60%,#c2cfb6 100%) 0 0/220% 220% fixed;animation:34s ease-in-out infinite drift;overflow-x:hidden}@keyframes drift{0%{background-position:0 30%}50%{background-position:100% 70%}to{background-position:0 30%}}@media (prefers-reduced-motion:reduce){body{animation:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.page{min-height:100dvh}.viewport{flex-direction:column;height:100dvh;display:flex;position:relative}.roots-zone{height:900vh;position:relative}.roots{height:100dvh;position:sticky;top:0}.roots canvas{-webkit-mask-composite:source-in;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%),linear-gradient(#000 0 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%),linear-gradient(#000 0 86%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.scroll-cue{width:clamp(40px,5vw,60px);height:auto;color:var(--accent-dark);opacity:.7;pointer-events:none;animation:2.6s ease-in-out infinite cueBob;position:absolute;bottom:clamp(1rem,5vh,4rem);right:25%}.scroll-cue path{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}@keyframes cueBob{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:.8;transform:translateY(7px)}}.masthead{flex:none;justify-content:center;align-items:center;padding:clamp(1rem,2.5vw,2rem) clamp(1rem,4vw,2.5rem) 0;display:flex}.corner-logo{opacity:.92;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:2;width:auto;height:clamp(46px,7vw,78px);position:fixed;bottom:clamp(.75rem,2vw,1.5rem);left:clamp(.75rem,2vw,1.5rem)}.wordmark{flex:auto;max-width:1040px;height:clamp(124px,22vw,260px);position:relative}.tree{cursor:crosshair;flex:auto;min-height:0;position:relative}.wordmark canvas,.tree canvas{width:100%;height:100%;display:block}