:root{--bg:#fff;--bg-2:#f4f4f2;--ink:#1c1c1c;--muted:#666660;--accent:#2f4fa8;--pop:#e0603f;--on-accent:#fff;--mtn:#e3e7ef;--mtn-back:#f0f2f7;--snow:#fff;--goat-body:#a0673f;--goat-belly:#ecdcc4;--goat-dark:#6e4429;--goat-horn:#4a3a2e;--goat-hoof:#2a1d15;--sans:"Bricolage Grotesque", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--hand:"Caveat", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0;font-size:19px;line-height:1.6;transition:background .3s,color .3s}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--pop)}code{font-family:var(--mono);background:var(--bg-2);border-radius:5px;padding:.1em .35em;font-size:.82em}.page{grid-template-columns:minmax(0,700px) 230px;justify-content:center;gap:72px;padding:0 24px;display:grid}main{padding-bottom:30vh}.trail{align-items:center;height:100vh;display:flex;position:sticky;top:0}.trail-svg{width:auto;max-width:230px;height:min(92vh,900px);overflow:visible}@media (width<=1000px){.page{grid-template-columns:minmax(0,1fr);gap:0;padding:0 16px}.trail{display:none}}.hero{flex-direction:column;justify-content:center;min-height:92vh;padding:64px 0 40px;display:flex}.hero h1{letter-spacing:-.035em;margin:0 0 28px;font-size:clamp(52px,10vw,104px);font-weight:800;line-height:.92}.hero h1 .sub{color:var(--accent);display:block}.hero p{max-width:34em;margin:0 0 28px;font-size:21px}.hero-goat{align-items:flex-end;gap:6px;margin-bottom:18px;display:flex}.hero-goat button{all:unset;cursor:pointer}.hero-goat .goat{width:132px;height:auto}.hero-goat .goat:hover .goat-head{transform:rotate(-8deg)}.bubble{font-family:var(--hand);background:var(--bg-2);color:var(--ink);border-radius:18px 18px 18px 4px;max-width:260px;margin-bottom:70px;padding:10px 16px;font-size:26px;line-height:1.15}.links{flex-wrap:wrap;gap:10px;display:flex}.pill{font-family:var(--mono);background:var(--ink);color:var(--bg);border-radius:99px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;text-decoration:none;display:inline-flex}.pill:hover{background:var(--pop);color:var(--ink)}.pill.alt{background:var(--accent);color:var(--on-accent)}.hero .scroll-hint{font-family:var(--mono);color:var(--muted);margin:40px 0 0;font-size:13px}.chapter{padding:72px 0 24px;scroll-margin-top:24px}.chapter .year{font-family:var(--mono);letter-spacing:.08em;background:var(--accent);color:var(--on-accent);border-radius:99px;margin-bottom:14px;padding:4px 10px;font-size:13px;display:inline-block}.chapter h2{letter-spacing:-.025em;margin:0 0 22px;font-size:clamp(34px,5vw,50px);font-weight:800;line-height:1}.chapter ul{padding-left:1.1em}.chapter li{margin-bottom:.35em}.chapter li::marker{color:var(--pop)}.stat{font-family:var(--mono);color:var(--muted);font-size:14px}.section-title{letter-spacing:-.025em;margin:0 0 22px;font-size:clamp(34px,5vw,50px);font-weight:800;line-height:1}.offtrail{background:var(--bg-2);border-radius:22px;margin-top:64px;padding:36px}.offtrail ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.offtrail li b{font-family:var(--mono);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:13px;display:block}footer{padding:72px 0 0}.ask{display:none}[data-dev] .ask{border:2px dashed var(--pop);font-family:var(--hand);color:var(--pop);border-radius:12px;margin:14px 0;padding:10px 14px;font-size:24px;line-height:1.2;display:block}.ask:before{content:"✎ for Ashu: "}.mtn{fill:var(--mtn)}.mtn-back{fill:var(--mtn-back)}.snow{fill:var(--snow)}.trail-path{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-dasharray:2 7;stroke-linecap:round;opacity:.55}.dot{cursor:pointer}.dot circle{fill:var(--bg);stroke:var(--ink);stroke-width:2.5px;transition:fill .2s}.dot.reached circle{fill:var(--pop)}.dot text{font-family:var(--mono);fill:var(--ink);paint-order:stroke;stroke:var(--bg);stroke-width:4px;font-size:14px;font-weight:600}.dot:focus-visible{outline:none}.dot:focus-visible circle{stroke:var(--pop);stroke-width:4px}.goat .leg{transform-box:fill-box;transform-origin:50% 0}.goat .goat-head{transform-box:fill-box;transform-origin:20% 80%;transition:transform .25s}.goat .eye{transform-box:fill-box;transform-origin:50%;animation:4.5s infinite blink}.goat .tail{transform-box:fill-box;transform-origin:100% 100%;animation:2.4s ease-in-out infinite wag}.goat.walking .leg-a{animation:.28s ease-in-out infinite alternate step}.goat.walking .leg-b{animation:.28s ease-in-out infinite alternate-reverse step}.goat.walking .goat-bob{animation:.28s ease-in-out infinite alternate bob}.goat.bleat .goat-head{animation:.5s ease-in-out 2 bleat}@keyframes blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes wag{0%,80%,to{transform:rotate(0)}85%{transform:rotate(18deg)}90%{transform:rotate(-10deg)}}@keyframes step{0%{transform:rotate(16deg)}to{transform:rotate(-16deg)}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes bleat{50%{transform:rotate(-14deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.goat *,.goat.walking *{animation:none!important}}.icon{flex:none;width:16px;height:16px}.pill{--icon-cut:var(--ink)}.pill.alt{--icon-cut:var(--accent)}.pill:hover{--icon-cut:var(--pop)}.logo{color:var(--ink);font-family:var(--mono);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.logo img,.logo svg.ms{background:#fff;border-radius:7px;width:28px;height:28px;display:block}.logo svg.ms{padding:4px}.logo:hover{color:var(--pop)}.logo:hover img,.logo:hover svg.ms{outline:2px solid var(--pop);outline-offset:2px}.chapter-meta{align-items:center;gap:10px;margin-bottom:14px;display:flex}.chapter-meta .year{margin-bottom:0}.worked{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:24px;display:flex}.worked-label,.worked .arrow{font-family:var(--mono);color:var(--muted);font-size:13px}.talk{align-items:flex-start;gap:10px;display:flex}.talk .logo{margin-top:2px}