:root{--green: #1e5b45;--green-deep: #133d2e;--gold: #f0b13b;--paper: #fffbf2;--mint: #eef5ef;--ink: #17302a;--ink-soft: #4a5f58;--line: #d9e3dc;--display: "Nunito", system-ui, sans-serif;--body: "Atkinson Hyperlegible", system-ui, sans-serif;--gutter: clamp(16px, 4vw, 48px);--rail: 0px}@media(min-width:1280px){:root{--rail: 190px}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 var(--body);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--green)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}h1,h2,h3{font-family:var(--display);font-weight:900;line-height:1.1;margin:0;letter-spacing:-.01em}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--gutter) 12px calc(var(--gutter) + var(--rail));background:#fffbf2f0;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.top__logo img{width:140px}.top nav{display:flex;gap:clamp(12px,2.5vw,28px);flex-wrap:wrap;justify-content:flex-end}.top nav a{font:800 16px var(--display);color:var(--ink);text-decoration:none}.top nav a:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}@media(max-width:640px){.top{flex-direction:column;align-items:flex-start;gap:6px}.top nav{justify-content:flex-start;gap:14px}.top nav a{font-size:15px}}.meter{display:none}@media(min-width:1280px){.meter{display:block;position:fixed;z-index:30;left:36px;top:50%;transform:translateY(-50%)}.meter ol{list-style:none;margin:0;padding:6px 0;display:flex;flex-direction:column;gap:34px;border-left:4px solid var(--line);border-radius:2px}.meter a{position:relative;display:block;width:26px;height:4px;margin-left:-4px;background:var(--ink-soft);text-decoration:none}.meter a span{position:absolute;left:36px;top:50%;transform:translateY(-50%);font:800 14px var(--display);color:var(--ink);white-space:nowrap;padding:3px 10px;border-radius:999px;background:var(--paper);box-shadow:0 0 0 1px var(--line);opacity:0;transition:opacity .2s}.meter a:hover span,.meter a:focus-visible span,.meter a[aria-current] span{opacity:1}.meter a[aria-current]{width:38px;background:var(--gold)}.meter a[aria-current] span{color:var(--ink)}.meter a[aria-current]:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);border:7px solid transparent;border-left:9px solid var(--gold)}}.btn{display:inline-block;padding:14px 26px;border-radius:999px;background:var(--gold);color:var(--ink);text-decoration:none;font:900 17px var(--display);border:2px solid var(--gold)}.btn:hover{background:#f7c565;border-color:#f7c565}.btn--quiet{background:transparent;color:inherit;border-color:currentColor}.btn--quiet:hover{background:#ffffff1f;border-color:currentColor}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(48px,8vw,96px) var(--gutter) 0 calc(var(--gutter) + var(--rail));background:var(--green);color:var(--paper);overflow:hidden}.hero__text{padding-bottom:clamp(48px,8vw,96px);max-width:620px}.hero h1{font-size:clamp(40px,6vw,68px)}.hero__intro{font-size:clamp(18px,1.6vw,21px);color:#dfeee6;margin:24px 0 32px;max-width:34em}.hero__actions{display:flex;gap:14px;flex-wrap:wrap}.hero__shelf{position:relative;align-self:end;height:clamp(300px,34vw,440px);border-bottom:14px solid var(--gold)}.shelf{position:absolute;bottom:0;width:50%;border-radius:4px 8px 8px 4px;box-shadow:0 18px 30px #00000059}.shelf--0{left:2%;transform:rotate(-4deg);transform-origin:bottom left}.shelf--1{left:46%;transform:rotate(3deg);transform-origin:bottom right}@media(max-width:820px){.hero{grid-template-columns:1fr}.hero__text{padding-bottom:0}.hero__shelf{height:70vw;max-height:380px}}.band{padding:clamp(56px,8vw,96px) var(--gutter) clamp(56px,8vw,96px) calc(var(--gutter) + var(--rail))}.band:nth-of-type(odd){background:var(--mint)}.band__head{max-width:640px;margin-bottom:40px}.band__head h2{font-size:clamp(32px,4vw,44px)}.band__head p{color:var(--ink-soft);margin:10px 0 0}.grid{display:grid;gap:28px;max-width:1120px}.grid--books{grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr))}.grid--shop,.grid--free,.grid--videos{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.card{display:flex;flex-direction:column;background:#fff;border:2px solid var(--line);border-radius:16px;overflow:hidden}.card__img{position:relative;background:var(--green-deep)}.card__img img{width:100%;aspect-ratio:450 / 583;object-fit:cover}.card__soon{align-self:flex-start;padding:4px 12px;border-radius:999px;background:var(--gold);color:var(--ink);font:900 14px var(--display)}.card__body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}.card__body h3{font-size:24px}.card__body p{margin:0}.card__meta{font-weight:700;color:var(--green)}.card__note{color:var(--ink-soft);font-style:italic}.card .btn{margin-top:auto;align-self:flex-start}.card--book{display:grid;grid-template-columns:.85fr 1fr}.card--book .card__img{display:flex;align-items:center}.card--book .card__img img{object-fit:contain}.card--book .card__body{padding:28px}.card--book h3{font-size:30px}@media(max-width:520px){.card--book{grid-template-columns:1fr}}.card--video .card__img img{aspect-ratio:16 / 9}.card--free .card__img img,.card--shop .card__img img{aspect-ratio:2 / 3}.about__inner{display:flex;gap:32px;align-items:flex-start;max-width:780px}.about__inner img{flex:none;width:88px}.about h2{font-size:clamp(30px,3.5vw,40px);margin-bottom:14px}.about p{margin:0 0 14px}@media(max-width:560px){.about__inner{flex-direction:column;gap:16px}.about__inner img{width:64px}}.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:28px var(--gutter) 36px calc(var(--gutter) + var(--rail));background:var(--green-deep);color:#cfe1d7;font-size:16px}.foot p{margin:0}.foot__links{display:flex;gap:20px}.foot a{color:var(--paper)}.lost{min-height:100vh;display:grid;place-content:center;justify-items:center;text-align:center;gap:18px;padding:var(--gutter)}.lost h1{font-size:40px}.lost p{margin:0;color:var(--ink-soft);max-width:30em}
