:root{--ink:#17231d;--paper:#f3efe4;--lime:#dfff54;--line:rgba(23,35,29,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Apple SD Gothic Neo",sans-serif}a{color:inherit;text-decoration:none}.site-nav{height:74px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-weight:850;letter-spacing:-.03em}.logo b{display:inline-grid;place-items:center;width:35px;height:35px;background:var(--ink);color:white;border-radius:50%;margin-right:10px;font-size:11px;letter-spacing:.08em}.site-nav nav{display:flex;gap:34px;font-size:13px;font-weight:700}.site-nav nav a{padding:6px 0}.site-nav nav a.now{border-bottom:2px solid}.eyebrow{margin:0 0 26px;font-size:11px;font-weight:900;letter-spacing:.22em;color:#52725d}.hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:650px;border-bottom:1px solid var(--line)}.hero-copy{padding:8vw 5vw 7vw 8vw}.hero h1{font-size:clamp(56px,6.5vw,98px);letter-spacing:-.08em;line-height:1;margin:0}.hero h1 em{font-style:normal;position:relative;z-index:1}.hero h1 em:after{content:"";position:absolute;left:-4px;right:-6px;bottom:5px;height:18px;background:var(--lime);z-index:-1;transform:rotate(-1deg)}.hero-copy>p:not(.eyebrow){font-family:Georgia,"Batang",serif;color:#566159;line-height:1.8;margin:36px 0}.cta{display:inline-flex;gap:40px;background:var(--ink);color:white;padding:18px 22px;font-size:13px;font-weight:800}.hero-art{position:relative;display:grid;place-items:center;background:#b8d8c5;border-left:1px solid var(--line);overflow:hidden}.orb{position:absolute;width:320px;height:320px;border-radius:50%;background:#ff6848;right:-70px;top:10%}.hero-art>p{position:absolute;left:9%;top:8%;font-size:12px;font-weight:900;letter-spacing:.2em;line-height:1.6}.hero-art>span{position:absolute;right:8%;bottom:9%;font:italic 19px/1.4 Georgia,serif;transform:rotate(-7deg)}.stack{width:280px;height:270px;position:relative;z-index:1;transform:rotate(-6deg)}.stack i{position:absolute;width:230px;height:58px;bottom:25px;left:25px;border:3px solid var(--ink);background:var(--lime);box-shadow:-9px 9px 0 var(--ink)}.stack i:nth-child(2){bottom:100px;left:0;width:255px;background:var(--paper);transform:rotate(8deg)}.stack i:nth-child(3){bottom:177px;left:40px;width:210px;background:#7288e8;transform:rotate(-4deg)}.home-section{padding:110px 8vw}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);margin-top:35px}.steps article{padding:32px 7% 20px 0;border-right:1px solid var(--line)}.steps article+article{padding-left:9%}.steps b,.values b{font:italic 18px Georgia,serif;color:#778079}.steps h2{font-size:25px;margin:45px 0 12px}.steps p,.values p{font:15px/1.7 Georgia,"Batang",serif;color:#667068}.page-head{padding:95px 8vw 60px;display:grid;grid-template-columns:1fr auto;align-items:end}.page-head .eyebrow{grid-column:1/-1}.page-head h1{font-size:clamp(45px,5vw,72px);letter-spacing:-.065em;margin:0}.page-head>p:last-child{font:15px/1.7 Georgia,"Batang",serif;padding-left:28px;border-left:1px solid}.filterbar{margin:0 8vw;padding:17px 0;border-top:1px solid;border-bottom:1px solid;display:flex;justify-content:space-between;align-items:center}.filterbar div{display:flex;gap:8px}.filterbar button{border:1px solid #a2aaa4;background:transparent;border-radius:99px;padding:8px 16px;font-size:12px;font-weight:800;cursor:pointer}.filterbar button.on{background:var(--ink);color:white}.filterbar>span{font-size:10px;font-weight:900;letter-spacing:.18em}.book-grid{margin:46px 8vw 120px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.book-card{background:var(--paper);padding:26px;position:relative}.cover{aspect-ratio:3/4.1;padding:12%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:0 16px 35px rgba(23,35,29,.16);transition:.25s}.book-card:hover .cover{transform:translateY(-7px) rotate(-1deg)}.cover:after{content:"";position:absolute;inset:5%;border:1px solid currentColor;opacity:.45}.cover strong{z-index:1;font-size:clamp(27px,3vw,48px);line-height:1.05;letter-spacing:-.07em;max-width:82%}.cover>b{position:absolute;right:8%;bottom:12%;font:100px/1 Georgia,serif;opacity:.17}.cover small{position:absolute;top:9%;font:700 11px Georgia,serif}.cover i{position:absolute;left:10%;bottom:7%;font-size:8px;letter-spacing:.18em;font-style:normal;font-weight:900}.navy{background:#183b4f;color:#f5ead5}.red{background:#ec5f49;color:#2b1e1a}.yellow{background:#ffda5e;color:#342b16}.green{background:#476d57;color:#f3e9ce}.purple{background:#9084e8;color:#1d1739}.pick{position:absolute;z-index:2;right:38px;top:38px;border:0;border-radius:99px;background:rgba(255,255,255,.92);padding:8px 12px;font-size:11px;font-weight:850;cursor:pointer;box-shadow:0 4px 14px #0002}.pick.picked{background:var(--lime)}.book-meta{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.book-meta span{background:#dce8e1;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:800}.book-meta small{color:#747b76}.book-card h2{font-size:25px;letter-spacing:-.04em;margin:18px 0}.book-card>a{display:block;border-top:1px solid var(--line);padding-top:15px;font-size:12px;font-weight:800}.picked-bar{position:fixed;z-index:9;left:50%;bottom:20px;transform:translate(-50%,140%);transition:.3s;width:min(650px,calc(100% - 30px));background:var(--ink);color:white;padding:14px 18px;display:flex;gap:16px;align-items:center;box-shadow:0 15px 45px #0005}.picked-bar.show{transform:translate(-50%,0)}.picked-bar b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--lime);color:var(--ink)}.picked-bar span{flex:1;font-size:12px}.picked-bar button{border:0;border-bottom:1px solid;background:transparent;color:white;font-size:11px}.about-hero{padding:110px 8vw 90px;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;border-bottom:1px solid var(--line)}.about-hero h1{font-size:clamp(52px,6vw,88px);line-height:1.04;letter-spacing:-.075em;margin:0}.about-hero>p{font:18px/1.9 Georgia,"Batang",serif;margin:0}.manifesto{display:grid;grid-template-columns:1.1fr .9fr;min-height:620px}.quote{display:flex;align-items:center;padding:8vw;background:#ffd85d;font-size:clamp(35px,4vw,62px);font-weight:800;line-height:1.18;letter-spacing:-.06em}.quote em{font-style:normal;border-bottom:5px solid}.values{padding:6vw}.values article{padding:30px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:55px 130px 1fr;align-items:start}.values h2{margin:0;font-size:23px}.values p{margin:0}.about-cta{padding:85px 8vw;background:#b8d8c5;display:flex;justify-content:space-between;align-items:center}.about-cta>p{font-size:29px;font-weight:800;letter-spacing:-.04em}.cta.light{background:var(--paper);color:var(--ink)}footer{min-height:260px;background:var(--ink);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}footer>span{font-size:28px}footer p{font:21px Georgia,serif;margin:14px}footer small{color:#9fa8a2;letter-spacing:.12em}@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-art{min-height:390px;border-left:0}.steps,.book-grid{grid-template-columns:repeat(2,1fr)}.page-head,.about-hero,.manifesto{grid-template-columns:1fr}.page-head>p:last-child{margin-top:30px}.about-hero{gap:50px}.values{padding:8vw}.about-cta{gap:30px}}@media(max-width:560px){.site-nav{padding:0 20px}.site-nav nav{gap:14px;font-size:11px}.hero-copy{padding:72px 24px}.hero h1{font-size:52px}.hero-art{min-height:330px}.home-section{padding:75px 24px}.steps,.book-grid{grid-template-columns:1fr}.steps article,.steps article+article{padding:25px 0}.page-head{padding:75px 24px 40px}.filterbar{margin:0 24px}.filterbar button{padding:7px 11px}.book-grid{margin:30px 24px 90px}.cover strong{font-size:42px}.about-hero{padding:75px 24px}.manifesto{display:block}.quote{min-height:410px;padding:24px}.values article{grid-template-columns:45px 1fr}.values p{grid-column:2;margin-top:9px}.about-cta{padding:60px 24px;display:block}.about-cta .cta{margin-top:20px}}