:root{--paper:#f4eddf;--paper2:#eadfcb;--ink:#211a13;--ink2:#463a2d;--mute:#6a5b49;--rule:#d3c3a6;--chile:#a3301c;--chile-dk:#7c2213;--sage:#4f6b45;--sage-dk:#2e4229;--mari:#e2a230;--iron:#1c1410;--display:var(--font-display),Georgia,serif;--serif:var(--font-body),Georgia,serif;--mono:var(--font-mono),ui-monospace,monospace;--w:1160px;--accent:var(--chile);--accent-dk:var(--chile-dk);--bar-bg:var(--iron);--bar-fg:#efe6d4}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:18px/1.62 var(--serif);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--chile-dk);text-underline-offset:3px}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0 0 .5em;font-weight:400;line-height:1.05}p{color:var(--ink2);text-wrap:pretty;margin:0 0 1em}.wrap{max-width:var(--w);margin:0 auto;padding:0 28px}.kicker{font:500 .74rem/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--chile);margin:0 0 18px;display:block}.btn{background:var(--chile);color:#fff6ea;min-height:56px;font:600 1.05rem var(--serif);cursor:pointer;box-shadow:0 3px 0 var(--chile-dk);border:0;border-radius:3px;justify-content:center;align-items:center;gap:12px;padding:16px 28px;text-decoration:none;transition:transform .15s,background .2s;display:inline-flex}.btn:hover{background:var(--chile-dk);transform:translateY(-1px)}.btn:focus-visible,a:focus-visible{outline:3px solid var(--mari);outline-offset:3px}.btn--line{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.btn--line:hover{background:var(--ink);color:var(--paper)}.fine{color:var(--mute);margin-top:12px;font-size:.9rem}.intro{border-bottom:1px solid var(--rule);padding:88px 0 56px}.intro h1{max-width:15em;font-size:clamp(2.6rem,6vw,4.6rem)}.intro h1 em{color:var(--chile)}.intro p{max-width:36em;font-size:1.2rem}.shelves{padding:72px 0 96px}.shelf{border-top:2px solid var(--ink);grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;padding:56px 0;display:grid}.shelf:first-child{border-top:0;padding-top:0}.shelf__books{justify-content:center;gap:18px;display:flex}.mini{aspect-ratio:2/3;color:#f5eedd;border-radius:2px 5px 5px 2px;flex-direction:column;width:170px;padding:16px 14px;display:flex;position:relative;box-shadow:16px 20px 40px -18px #0000008c}.mini:after{content:"";background:linear-gradient(90deg,#00000059,#0000);width:9px;position:absolute;top:0;bottom:0;left:0}.mini small{font:500 .52rem var(--mono);letter-spacing:.22em;text-transform:uppercase;opacity:.85}.mini b{font-family:var(--display);margin-top:14px;font-size:1.55rem;font-weight:400;line-height:1}.mini i{display:block}.mini span{font:500 .55rem var(--mono);letter-spacing:.22em;text-transform:uppercase;margin-top:auto}.mini--garden{background:var(--sage-dk);transform:rotate(-2deg)}.mini--garden i{color:#e9c9a0}.mini--cook{background:var(--chile);transform:rotate(3deg)}.mini--cook i{color:#f2cf84}.mini--hand{background:var(--paper2);color:var(--ink);transform:rotate(-3deg)}.mini--hand i{color:var(--sage)}.shelf h2{font-size:clamp(2rem,3.8vw,2.9rem)}.shelf ul{margin:20px 0 26px;padding:0;list-style:none}.shelf li{border-top:1px dotted var(--rule);justify-content:space-between;gap:16px;padding:11px 0;display:flex}.shelf li b{font-weight:600}.shelf li s{color:var(--mute);margin-left:8px;font-size:.9rem}.shelf__cta{flex-wrap:wrap;gap:12px;display:flex}.who{background:var(--iron);color:#efe6d4;padding:80px 0}.who h2{color:#fbf4e6;font-size:clamp(1.9rem,3.6vw,2.7rem)}.who p{color:#d3c6ae;max-width:40em}.who .kicker{color:var(--mari)}footer{color:#b9aa90;background:#120c09;padding:40px 0;font-size:.95rem}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}footer a{color:#f4eddf}@media (max-width:860px){.shelf{grid-template-columns:1fr;gap:32px}.mini{width:30%;min-width:96px}.mini b{font-size:1.05rem}}.shelf-block{border-bottom:2px solid var(--ink);margin-bottom:56px;padding:0 0 64px}.shelf-block__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.shelf-block__head h2{margin-bottom:.3em;font-size:clamp(2rem,3.8vw,2.9rem)}.shelf-block__head p{max-width:36em;margin:0}.bookgrid{grid-template-columns:repeat(auto-fill,minmax(220px,280px))!important}
