body{--bg:#ebe5d6;--ink:#1c2230;--mute:#565b68;--line:#cbc2ab;--fill:#e0d8c5;--serif:"Fraunces",Georgia,serif;--sans:"Figtree",system-ui,sans-serif;background:var(--bg);color:var(--ink);font:17px/26px var(--sans);margin:0}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}header{justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,56px);display:flex}header .mark{font:500 20px/26px var(--serif)}main{max-width:1040px;padding:clamp(24px,6vw,72px) clamp(16px,4vw,56px) 80px}h1{font:500 clamp(44px,8vw,88px)/.98 var(--serif);letter-spacing:-.03em;font-variation-settings:"opsz" 144;margin:0 0 20px}.lede{font:400 20px/30px var(--serif);max-width:38ch;margin:0 0 56px}h2{font:500 13px/18px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);border-top:1px solid var(--line);margin:0 0 12px;padding-top:16px}.lesson{color:inherit;grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;gap:24px;padding:8px 0 32px;text-decoration:none;display:grid}.lesson img{background:#e9e2d0;border-radius:4px;width:100%;height:auto}.lesson>span{gap:10px;display:grid}.lesson strong{font:500 28px/32px var(--serif);letter-spacing:-.01em}.lesson:hover strong{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.prog{grid-template-columns:repeat(5,auto);justify-content:start;gap:8px 28px;margin:6px 0 0;display:grid}.prog div{flex-direction:column-reverse;display:flex}.prog dt,.start{font:500 13px/18px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0}.prog dd{font:500 20px/26px var(--serif);margin:0}.more{color:var(--mute);margin:24px 0 0}@media (width<=700px){.lesson{grid-template-columns:1fr}.prog{grid-template-columns:repeat(3,auto)}}