@font-face{font-stretch:62% 125%;font-family:display;src:url(../media/archivo-s.p.3b1_7etm2gpf5.woff2)format("woff2");font-display:swap;font-weight:400 900}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:85.41%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:102.8%}.ofFL2q_className{font-family:display,display Fallback}.ofFL2q_variable{--font-display:"display", "display Fallback"}
@font-face{font-family:body;src:url(../media/atkinson_400-s.p.2_4quiuxbm00_.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:body;src:url(../media/atkinson_400i-s.p.3z3j867ewgjl2.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:body;src:url(../media/atkinson_700-s.p.3ij26zqblfe95.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:95.93%;descent-override:29.29%;line-gap-override:0.0%;size-adjust:99.03%}.Hgf_jq_className{font-family:body,body Fallback}.Hgf_jq_variable{--font-body:"body", "body Fallback"}
:root{--paper:#e4e3dd;--land:#d3d1c8;--ink:#1d2125;--ink-soft:#454a44;--gutter:clamp(16px, 3vw, 32px);--display:var(--font-display), "Segoe UI", system-ui, sans-serif;--body:var(--font-body), "Segoe UI", system-ui, sans-serif;--field-foundations:#8a5a00;--field-programming-languages:#1f6b3a;--field-programming-concepts:#7a4f8a;--field-web-frontend:#a3366b;--field-backend-and-databases:#6b4a2b;--field-developer-tools:#a84a00;--field-ai-engineering:#566500;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#141613;--land:#1f221d;--ink:#e6e6e1;--ink-soft:#b4b6ae;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#141613;--land:#1f221d;--ink:#e6e6e1;--ink-soft:#b4b6ae;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-biome=foundations]{--field:#8a5a00;--accent:#8a5a00}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-biome=foundations]{--accent:#e8b44a}}:root[data-theme=dark] [data-biome=foundations]{--accent:#e8b44a}[data-biome=programming-languages]{--field:#1f6b3a;--accent:#1f6b3a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-biome=programming-languages]{--accent:#7fd19a}}:root[data-theme=dark] [data-biome=programming-languages]{--accent:#7fd19a}[data-biome=programming-concepts]{--field:#7a4f8a;--accent:#7a4f8a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-biome=programming-concepts]{--accent:#cfa8e0}}:root[data-theme=dark] [data-biome=programming-concepts]{--accent:#cfa8e0}[data-biome=web-frontend]{--field:#a3366b;--accent:#a3366b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-biome=web-frontend]{--accent:#f08cbc}}:root[data-theme=dark] [data-biome=web-frontend]{--accent:#f08cbc}[data-biome=backend-and-databases]{--field:#6b4a2b;--accent:#6b4a2b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-biome=backend-and-databases]{--accent:#d1a77e}}:root[data-theme=dark] [data-biome=backend-and-databases]{--accent:#d1a77e}[data-biome=developer-tools]{--field:#a84a00;--accent:#a84a00}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-biome=developer-tools]{--accent:#ffa45c}}:root[data-theme=dark] [data-biome=developer-tools]{--accent:#ffa45c}[data-biome=ai-engineering]{--field:#566500;--accent:#566500}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-biome=ai-engineering]{--accent:#d4e157}}:root[data-theme=dark] [data-biome=ai-engineering]{--accent:#d4e157}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--body);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0}p{text-wrap:pretty}a{color:inherit;text-underline-offset:3px}::selection{background:var(--field-foundations);color:#fff}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}[data-biome] :focus-visible{outline-color:#fff}header.site{max-width:1600px;padding:18px var(--gutter);font-family:var(--display);justify-content:space-between;align-items:baseline;gap:16px;margin:0 auto;display:flex}header.site a{font-weight:700;text-decoration:none}header.site a:hover{text-decoration:underline}header.site .brand{letter-spacing:-.01em;font-size:1.35rem;font-weight:800;font-stretch:115%}footer.site{max-width:1600px;padding:0 var(--gutter) 40px;margin:clamp(72px,10vw,140px) auto 0}footer.site .by{font-family:var(--display);margin:0 0 18px;font-size:1.1rem;font-weight:700}footer.site .credits{color:var(--ink-soft);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px 28px;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}footer.site .credits b{color:var(--ink);font-family:var(--display)}.trail{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.trail-path{fill:none;stroke:var(--ink);stroke-width:4px;stroke-dasharray:1 10;stroke-linecap:round}.trail-draw{fill:none;stroke:#fff;stroke-width:12px;stroke-dasharray:1;stroke-dashoffset:1px;animation:2.4s cubic-bezier(.45,0,.2,1) .5s forwards walk}.trail-stop circle{fill:var(--paper);stroke:var(--ink);stroke-width:3px}.trail-stop text{fill:var(--ink);font:800 12px var(--display);text-anchor:middle;dominant-baseline:central}.trail-stop{animation:.4s ease-out both pop;animation-delay:calc(.7s + var(--i)*.3s)}.trail-sign rect{fill:var(--ink)}.trail-sign text{fill:var(--paper);font:800 13px var(--display);dominant-baseline:central}.trail-head{fill:var(--ink);stroke:var(--land);stroke-width:4px}.trail-head,.trail-sign,.trail-end{animation:.5s ease-out both pop}.trail-head{animation-delay:.2s}.trail-sign{animation-delay:.35s}.trail-end{fill:var(--field-ai-engineering);stroke:var(--ink);stroke-width:3px;animation-delay:2.7s}@keyframes walk{to{stroke-dashoffset:0}}@keyframes pop{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.trail-draw{stroke-dashoffset:0}}