@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#22352e;background:#f5f1e8;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#22352e;--paper:#f5f1e8;--lime:#e0ea91;--line:#cdd0c3;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b75f48;outline-offset:4px}.skip{position:absolute;top:-100px;z-index:50;background:#fff;padding:15px}.skip:focus{top:0}.wrap{max-width:1620px;margin:0 auto;padding-left:5vw;padding-right:5vw}.ticker{background:var(--ink);color:#e8eccf;font:10px var(--mono);letter-spacing:.12em;padding:12px 5vw;display:flex;justify-content:space-between}.header{height:90px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative}.logo{font-weight:700;letter-spacing:-.09em;font-size:29px;display:inline-flex;align-items:center}.logomark{background:var(--ink);color:var(--lime);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50% 50% 50% 12%;font-size:23px;margin-right:12px}.period{color:#ad5d44}.nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:600}.nav a:hover{opacity:.7}.nav-button{padding:14px 18px;border:1px solid var(--ink)}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:53% 47%;min-height:660px;padding-left:5vw}.hero-copy{padding:125px 25px 42px 0;display:flex;flex-direction:column;align-items:flex-start}.kicker,.section-number{font:11px var(--mono);letter-spacing:.11em;color:#846a58}.hero h1,h2,.course h3,.lesson-left h3,.lesson-right h3,.dialog h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.hero h1{font-size:clamp(61px,7vw,112px);line-height:1;margin:30px 0 26px;white-space:nowrap}em{font-weight:400;color:#ad5d44}.hero-copy>p{max-width:480px;color:#687067;font-size:17px;line-height:1.75}.actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:30px}.primary{background:var(--ink);color:#fff;padding:18px 25px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:0;font-size:13px;font-weight:700}.primary:hover{background:#39574a}.link{font-size:13px;font-weight:600;border-bottom:1px solid;padding-bottom:7px}.stage{font:10px var(--mono);color:#737b6c;margin-top:auto;padding-top:45px}.hero-art{background:#dbe1c6;min-height:620px;position:relative;overflow:hidden;isolation:isolate}.hero-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#9db299 1px,transparent 1px);background-size:21px 21px;opacity:.25}.orbit{position:absolute;top:7%;right:7%;font:10px var(--mono);letter-spacing:.1em;color:#697865}.book{position:absolute;box-shadow:24px 30px 25px #203d3050;border-radius:2px 7px 7px 2px}.back{width:44%;height:55%;top:23%;left:35%;transform:rotate(17deg);background:#d47e61;border-left:12px solid #a8543d;padding:38px;color:#4d2a21;display:flex;flex-direction:column;justify-content:space-between}.back span{font:30px/1.1 Georgia,serif}.back strong{font:20px var(--mono)}.front{width:48%;height:60%;top:19%;left:24%;transform:rotate(-12deg);background:#243b30;color:#f0f1db;border-left:12px solid #173025;padding:35px;display:flex;flex-direction:column;justify-content:space-between}.front:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid #7d998078;pointer-events:none}.book-top,.book-bottom{display:flex;justify-content:space-between;font:10px var(--mono);position:relative;z-index:1}.book-top span:first-child{font:27px Georgia,serif}.book-title{font:clamp(26px,3.4vw,55px)/.99 Georgia,serif;letter-spacing:-.06em;position:relative;z-index:1}.book-title em{color:var(--lime)}.seal{position:absolute;right:9%;bottom:20%;width:116px;height:116px;border-radius:50%;background:var(--lime);display:grid;place-content:center;text-align:center;transform:rotate(11deg);font:11px/1.6 var(--mono);box-shadow:0 10px 20px #293b2925}.marquee{padding:16px 10px;background:var(--lime);border-block:1px solid var(--ink);font:11px var(--mono);letter-spacing:.09em;display:flex;justify-content:space-around;align-items:center;gap:40px;white-space:nowrap;overflow:hidden}.marquee span{font-size:23px}.library,.lesson{padding-top:120px;padding-bottom:130px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-intro h2,.about h2,.ending h2{font-size:clamp(48px,5.2vw,83px);line-height:1.07;margin:22px 0 0}.section-intro>p{max-width:350px;font-size:14px;color:#6e756a;line-height:1.8}.filters{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px;gap:12px}.filters>div{display:flex;gap:5px;flex-wrap:wrap}.filters button{border:0;background:transparent;color:#687165;padding:10px 17px;font:11px var(--mono)}.filters button.active{background:var(--ink);color:#fff}.filters>span,.course-caption,.course-meta{font:10px var(--mono);letter-spacing:.04em;color:#7d8174}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.course{min-width:0}.cover{aspect-ratio:1/1.12;position:relative;padding:25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate}.peach{background:#ead8c5;color:#4b3c30}.sage{background:#bfcdb9;color:#244332}.rose{background:#d9c8c0;color:#54392e}.cover-top,.cover-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:8px;font:10px var(--mono)}.cover-symbol{position:absolute;z-index:0;font:400 clamp(175px,21vw,390px)/1 Georgia,serif;transform:rotate(-16deg);top:1%;right:-7%;color:#b96d4e;opacity:.76}.sage .cover-symbol{color:#5c8266}.rose .cover-symbol{color:#b8796d}.cover-headline{position:relative;z-index:1;display:flex;flex-direction:column;font:clamp(40px,4vw,76px)/.97 Georgia,serif;letter-spacing:-.075em}.course-caption{margin:22px 0 12px;display:flex;justify-content:space-between;color:#986b58}.course h3{font-size:clamp(27px,2.3vw,39px);line-height:1.1;margin:0 0 10px}.course>p{color:#6e756b;font-size:13px;line-height:1.7;min-height:68px}.course-meta{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center}.course-meta button{width:43px;height:43px;background:transparent;border:1px solid var(--ink);font-size:20px}.course-meta button:hover{background:var(--ink);color:#fff}.about{background:#243a30;color:#f1f2e5;padding:130px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.section-number.light{color:#d3dfb1}.about h2 em,.ending h2 em{color:var(--lime)}.about blockquote{margin:110px 0 0;font:italic 31px/1.3 Georgia,serif;max-width:380px}.about-lead{font:24px/1.6 Georgia,serif;color:#d2ddca;margin:0 0 38px}.value{display:grid;grid-template-columns:40px 1fr 18px;gap:15px;padding:26px 0;border-top:1px solid #829b8655}.value>span{font:11px var(--mono);color:var(--lime)}.value h3{font:29px Georgia,serif;margin:0 0 10px}.value p{color:#bdcbba;font-size:13px;line-height:1.7;max-width:350px;margin:0}.note{font:10px/1.7 var(--mono);color:#b6c5b4}.lesson-panel{display:grid;grid-template-columns:45% 55%;border:1px solid var(--line)}.lesson-left{background:var(--lime);padding:55px;min-height:590px;display:flex;flex-direction:column;align-items:start}.lesson-glyph{font:120px Georgia,serif;letter-spacing:-.1em;margin:35px 0 5px}.lesson-glyph span{color:#b66448}.lesson-left h3{font-size:67px;line-height:1.03;margin:0 0 20px}.lesson-left>p{max-width:320px;line-height:1.8;font-size:14px}.lesson-bottom{font:10px/1.7 var(--mono);margin-top:auto;padding-top:45px}.lesson-right{background:#ece9e0;padding:55px}.code{background:#253a31;color:#edf2e6;box-shadow:11px 14px #d0d0c2}.code-header{border-bottom:1px solid #60766a;padding:13px 18px;font:11px var(--mono);color:#abbdad;display:flex;justify-content:space-between}.code pre{overflow-x:auto;padding:32px 25px;margin:0;font:clamp(11px,1.1vw,16px)/1.8 var(--mono)}.code pre span{color:#d7a8ca}.code pre b{color:#e6d28b;font-weight:400}.code pre i{color:#b2d2ed;font-style:normal}.quiz-heading{font:11px var(--mono);margin-top:48px;color:#637263;display:flex;justify-content:space-between}.lesson-right h3{font-size:28px;margin:18px 0}.options{display:grid;gap:9px}.options button{display:flex;text-align:left;align-items:center;gap:18px;background:transparent;border:1px solid #b9c0b5;padding:14px 15px;font-size:13px}.options button:hover,.options button.selected{border-color:var(--ink);background:#f7f5ed}.options button span:first-child{font:11px var(--mono);color:#7a8676}.radio{margin-left:auto}.feedback{margin-top:13px;background:#dde5d1;border-left:3px solid #668668;padding:14px;display:flex;justify-content:space-between;gap:12px;font-size:12px}.feedback p{line-height:1.5;margin:4px 0}.feedback button{border:none;background:transparent;text-decoration:underline;white-space:nowrap}.ending{background:#a6533f;color:#fff7e9;padding:125px 0;position:relative}.ending h2{font-size:clamp(60px,7vw,110px)}.ending h2 em{color:#f0e0a5}.ending p{max-width:470px;line-height:1.8}.primary.lime{background:var(--lime);color:var(--ink);margin-top:20px}footer{padding:50px 5vw;background:#e9e7dc;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}footer>span,footer>a:not(.logo),footer small{font:10px var(--mono)}footer small{width:100%;color:#777d71}.overlay{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;background:#1e2c26c9;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.dialog{background:var(--paper);padding:40px;max-height:calc(100dvh - 40px);overflow:auto;width:min(550px,100%)}.dialog-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;font:10px var(--mono);margin-bottom:25px}.dialog-top button{background:transparent;border:1px solid var(--line);padding:10px}.dialog h2{font-size:57px;margin:12px 0}.dialog p{color:#646f65;line-height:1.7}.dialog h3{font:26px Georgia,serif;margin:28px 0 10px}.dialog li{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.disclaimer{background:#e9e5d8;padding:12px;font-size:12px}@media(max-width:1020px){.nav{gap:16px}.hero h1{font-size:clamp(48px,6.5vw,78px)}.front{padding:23px}.back{padding:25px}.seal{width:85px;height:85px;font-size:9px}.hero-art{min-height:570px}.hero-copy{padding-top:110px}.book-title{font-size:clamp(23px,3.7vw,38px)}}@media(max-width:760px){.ticker span:last-child{display:none}.header{height:75px}.mobile-menu{display:block;background:transparent;border:1px solid var(--ink);padding:8px 12px;font-size:20px}.nav{display:none;position:absolute;z-index:10;top:75px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 10px 18px #263a3022;padding:20px 5vw;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px}.hero{display:flex;flex-direction:column;padding:0}.hero-copy{padding:85px 5vw 40px;min-height:525px}.hero h1{font-size:clamp(51px,10vw,76px);white-space:normal}.hero-art{min-height:490px}.front{width:43%;left:29%;padding:32px}.back{width:43%;left:39%}.book-title{font-size:clamp(28px,5.6vw,43px)}.marquee{justify-content:start}.section-intro{display:block}.section-intro>p{margin-top:24px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-headline{font-size:clamp(37px,6vw,60px)}.about-grid{grid-template-columns:1fr;gap:75px}.about blockquote{margin-top:50px}.lesson-panel{grid-template-columns:1fr}.lesson-left{min-height:480px}.lesson-right{padding:35px}.about,.lesson,.library,.ending{padding-top:90px;padding-bottom:100px}}@media(max-width:510px){.hero h1{font-size:clamp(46px,10.6vw,58px)}.hero-copy{min-height:500px}.hero-art{min-height:425px}.front{width:47%;height:60%;left:26%;top:18%;padding:20px;border-left-width:7px}.back{left:38%;width:45%;border-left-width:7px}.book-title{font-size:clamp(23px,6.5vw,34px)}.back span{font-size:20px}.seal{right:8%;bottom:17%;width:74px;height:74px;font-size:8px}.section-intro h2,.about h2{font-size:clamp(45px,10vw,60px)}.filters{flex-direction:column;align-items:flex-start}.filters button{padding:10px 13px}.course-grid{grid-template-columns:1fr;gap:37px}.cover{aspect-ratio:1/1.06}.cover-headline{font-size:clamp(53px,14vw,79px)}.cover-symbol{font-size:250px}.course>p{min-height:unset}.lesson-left{padding:32px;min-height:490px}.lesson-right{padding:25px 17px}.lesson-glyph{font-size:95px}.lesson-left h3{font-size:58px}.code pre{padding:24px 13px;font-size:11px}.feedback{flex-wrap:wrap}.dialog{padding:25px}.dialog h2{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}