:root{--paper:#f5f2ea;--ink:#14231d;--muted:#647169;--line:#d6d2c8;--green:#1d6d5c;--mint:#cfe8da;--gold:#f2dfa2;--coral:#f3cfc3;--cream:#ebe7dd;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.hero{background:radial-gradient(circle at 80% 25%,#dcecdf 0 12%,transparent 38%),var(--paper);min-height:650px;padding:0 6vw 70px}.topbar{border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;height:78px;font-size:12px;display:flex}.topbar>div{align-items:center;gap:26px;display:flex}.brand{font-weight:800}.repo{background:var(--ink);color:#fff;padding:11px 14px}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;max-width:1200px;margin:80px auto 0;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--green);font-size:11px;font-weight:800}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{letter-spacing:-.065em;margin:20px 0 32px;font-size:clamp(62px,8vw,112px);line-height:.83}h1 em{color:var(--green);font-weight:400}.lede{color:var(--muted);max-width:620px;margin-bottom:34px;font:20px/1.6 Georgia,serif}.button{background:var(--green);color:#fff;letter-spacing:.08em;text-transform:uppercase;padding:14px 18px;font-size:12px;display:inline-block}.boundary{background:#edf2ea;border:1px solid #9bb8a8;padding:32px;box-shadow:16px 16px #d8e5d8}.boundary span{letter-spacing:.16em;color:var(--muted);margin-bottom:10px;font-size:10px;display:block}.boundary strong{font:26px Georgia,serif}.boundary p{color:var(--muted);margin:8px 0 20px}.boundary i{color:var(--green);margin:8px 0 18px;font-size:28px;font-style:normal;display:block}.principles{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:36px;padding:28px 6vw;display:grid}.principles div{gap:14px;font-size:13px;line-height:1.5;display:flex}.principles b{color:var(--green)}.curriculum,.workspace{max-width:1200px;margin:auto;padding:96px 6vw}.section-heading{justify-content:space-between;align-items:end;gap:50px;display:flex}.section-heading h2,.workspace h2,.cta h2{letter-spacing:-.045em;margin:12px 0 0;font-size:clamp(42px,5vw,66px);line-height:1}.section-heading>p{max-width:430px;color:var(--muted);line-height:1.7}.filters{border-bottom:1px solid var(--line);gap:6px;margin:50px 0 24px;display:flex;overflow:auto}.filters button{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:13px 18px}.filters button.active{color:var(--ink);border-bottom:2px solid var(--green)}.filters span{color:#93a098;margin-left:5px}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.lesson-card{text-align:left;border:1px solid var(--line);min-height:280px;color:var(--ink);cursor:pointer;background:0 0;padding:22px;transition:transform .18s,border-color .18s,background .18s}.lesson-card:hover,.lesson-card.selected{background:#e9eee6;border-color:#82a897;transform:translateY(-3px)}.pill{letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;font-size:10px;display:inline-block}.pill.beginner{background:var(--mint)}.pill.intermediate{background:var(--gold)}.pill.advanced{background:var(--coral)}.number{color:#a2afa6;margin:26px 0 8px;font:italic 38px Georgia,serif;display:block}.lesson-card h3{margin:0 0 12px;font-size:24px;line-height:1.08}.lesson-card h3 small{color:var(--green)}.lesson-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.workspace{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:80px;display:grid}.workspace-copy{color:var(--muted);font:20px/1.6 Georgia,serif}.complete{border:1px solid var(--green);color:var(--green);cursor:pointer;background:0 0;padding:11px 14px}.progress{color:var(--muted);font-size:12px}.resources{border-top:1px solid var(--line)}.resources h3{font-size:28px}.resources>a{border-bottom:1px solid var(--line);gap:18px;padding:18px 0;display:flex}.resources>a>b{color:var(--green);font-size:12px}.resources>a span{font-weight:700}.resources small{color:var(--muted);margin-top:5px;font-weight:400;display:block}.cta{text-align:center;background:#dce8dc;padding:95px 20px}.cta h2{margin:16px 0 30px}.button.dark{background:var(--ink)}footer{background:var(--ink);color:#dbe7dd;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;padding:25px 6vw;font-size:11px;display:flex}footer a{color:#e3ae81}@media (width<=850px){.topbar>div a:not(.repo){display:none}.hero-grid,.workspace{grid-template-columns:1fr}.hero{padding-inline:5vw}.hero-grid{margin-top:55px}.boundary{box-shadow:8px 8px #d8e5d8}.principles,.lesson-grid{grid-template-columns:1fr}.section-heading{display:block}.curriculum,.workspace{padding:70px 5vw}.section-heading>p{margin-top:24px}.workspace{gap:36px}footer{flex-wrap:wrap;gap:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #d98b54}