:root{--ink:#0a0a0a;--paper:#fff;--mist:#f5f5f3;--soft:#efefeb;--line:#deded9;--muted:#5a5a55;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}
.nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{min-height:138px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;margin-right:auto;flex:0 1 520px}.brand img{width:520px;height:auto}.navlinks{display:flex;gap:20px;align-items:center;font-size:14px;white-space:nowrap}.richlab-link{font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1.5px solid var(--ink);border-radius:6px;font-weight:780;transition:.18s ease;cursor:pointer;background:#fff}.btn-dark{background:var(--ink);color:#fff}.btn:hover{transform:translateY(-1px)}
.hero{border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:34px;min-height:620px}.hero-copy{padding:68px 34px 68px 0}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;margin-bottom:18px}h1,h2,h3{margin:0;letter-spacing:-.04em;line-height:.96}h1{font-size:clamp(62px,7vw,105px);max-width:650px}.strap{font-size:clamp(22px,2.2vw,31px);font-weight:800;margin:25px 0 0;line-height:1.2;max-width:650px}.lede{font-size:18px;color:#343431;max-width:590px;margin:28px 0 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.micro{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px;font-size:13px;font-weight:650;color:#393936}.hero-art{align-self:stretch;min-height:620px;background-image:url('humaneering-book-cover.webp');background-repeat:no-repeat;background-position:center center;background-size:auto 78%}
.section{padding:90px 0;border-bottom:1px solid var(--line)}.section-kicker{text-align:center;font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;margin-bottom:15px}.section h2{text-align:center;font-size:clamp(42px,5vw,68px);margin-bottom:50px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.step{padding:30px 20px 26px;border-top:2px solid var(--ink);display:flex;flex-direction:column;align-items:center;text-align:center}.icon{width:123px;height:123px;margin:0 auto 16px;display:grid;place-items:center}.icon img{display:block;width:100%;height:100%;object-fit:contain}.step b{display:block;width:100%;font-size:18px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px;text-align:center}.step p{margin:0;color:var(--muted);text-align:center;max-width:190px}
.philosophy{background:var(--mist)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.split h2{text-align:left;margin-bottom:22px}.split p{font-size:18px;color:#363633;max-width:580px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.card{background:white;border:1px solid var(--line);padding:24px;border-radius:10px;min-height:190px;display:flex;flex-direction:column}.card .icon{width:auto;height:auto;margin:0 0 18px;font-size:54px;line-height:1;font-weight:800}.card strong{display:block;font-size:19px;margin:0 0 10px}.card p{font-size:14px;margin:0;color:var(--muted)}
.experiment{border:2px solid var(--ink);padding:34px;border-radius:12px;background:white}.experiment h3{font-size:34px;margin-bottom:12px}.experiment label{display:block;font-size:13px;font-weight:800;margin:18px 0 7px}.experiment input,.experiment textarea{width:100%;border:1px solid #bdbdb7;border-radius:6px;padding:12px;background:#fff}.experiment textarea{min-height:84px;resize:vertical}.experiment .btn{width:100%;margin-top:20px}.output{display:none;margin-top:20px;padding:18px;background:var(--mist);border-left:4px solid var(--ink)}
.support{background:#fff}.support-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:80px;align-items:center}.support h2{text-align:left;margin-bottom:22px}.support p{font-size:18px;color:#373733}.support-panel{border:2px solid var(--ink);border-radius:12px;padding:34px}.support-panel h3{font-size:38px;margin-bottom:14px}.support-points{display:grid;gap:0;margin:24px 0 28px;border-top:1px solid var(--line)}.support-point{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.support-point b{font-size:15px}.support-point p{font-size:14px;margin:2px 0 0;color:var(--muted)}.number{font-weight:900;font-size:13px;letter-spacing:.08em}.note{font-size:13px!important;color:var(--muted)!important}
.richlab{background:var(--ink);color:white}.richlab-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.richlab h2{text-align:left;margin-bottom:22px}.richlab p{font-size:18px;color:#d1d1ca}.richlab .btn{border-color:white;background:white;color:var(--ink)}.lab-mark{border:1px solid #444;padding:36px;border-radius:12px}.lab-mark strong{display:block;font-size:32px;letter-spacing:-.03em}.lab-mark span{display:block;margin-top:10px;color:#bbb}
.book{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.book-cover{background:white;border:1px solid var(--line);padding:28px;box-shadow:0 14px 40px rgba(0,0,0,.08)}.book-cover img{width:100%;max-height:620px;object-fit:contain}.book h2{text-align:left;margin-bottom:20px}.book p{font-size:18px;color:#353532;max-width:620px}.final{text-align:center;padding:100px 0}.final h2{margin-bottom:20px}.final p{max-width:650px;margin:0 auto 30px;font-size:18px;color:var(--muted)}
.about-hero{padding:95px 0 80px;border-bottom:1px solid var(--line)}.about-hero h1{max-width:840px}.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.portrait-placeholder{aspect-ratio:4/5;background:var(--mist);border:1px solid var(--line);display:grid;place-items:center;padding:40px;text-align:center}.portrait-placeholder img{width:110px;margin:0 auto 24px}.portrait-placeholder strong{font-size:26px}.prose h2{text-align:left;margin-bottom:24px}.prose p{font-size:19px;color:#363633}.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}.principle{border-top:2px solid var(--ink);padding:18px 0}.principle b{display:block;margin-bottom:6px}
footer{padding:50px 0 54px}.foot{display:flex;align-items:center;gap:26px;flex-wrap:wrap;font-size:13px;color:#4a4a46}.foot .footer-brand{flex:0 1 520px;margin-right:auto}.foot .footer-brand img{width:520px;height:auto}.footer-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.footer-meta a{font-weight:700}
@media(max-width:1050px){.nav-inner{min-height:110px;flex-wrap:wrap;padding:16px 0}.brand{flex-basis:420px}.brand img,.foot .footer-brand img{width:420px}.navlinks{order:3;width:100%;padding-bottom:10px}.hero-grid{min-height:580px}.hero-art{min-height:580px}}
@media(max-width:900px){.brand{flex-basis:360px}.brand img,.foot .footer-brand img{width:360px}.navlinks{display:none}.nav .btn{min-height:44px;padding:0 14px;font-size:13px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:56px 0 20px}.hero-art{min-height:430px;background-position:center center;background-size:auto 92%}.steps{grid-template-columns:1fr 1fr}.icon{width:100px;height:100px}.split,.book,.support-grid,.richlab-grid,.about-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.card .icon{font-size:48px}.section{padding:70px 0}}
@media(max-width:560px){.wrap{width:min(calc(100% - 24px),var(--max))}.nav-inner{min-height:90px;padding:10px 0;gap:10px}.brand{flex-basis:240px}.brand img,.foot .footer-brand img{width:240px}.nav .btn{padding:0 11px;font-size:12px}h1{font-size:58px}.strap{font-size:22px}.lede{font-size:16px}.hero-copy{padding-top:44px}.hero-art{min-height:330px;background-size:auto 88%;background-position:center center}.steps{grid-template-columns:1fr}.step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 18px}.icon{width:100px;height:100px;margin:0 auto 14px}.step b,.step p{text-align:center}.step p{max-width:280px}.experiment{padding:22px}.section h2{font-size:40px}.book-cover{padding:12px}.hero-actions .btn{width:100%}.micro{gap:8px 14px}.card .icon{font-size:44px}.final{padding:75px 0}.support-panel{padding:24px}.principles{grid-template-columns:1fr}.footer-meta{width:100%}}