:root{--white:#fff;--ink:#070a0d;--body:#384252;--muted:#6b7280;--faint:#9ca3b0;--line:#e5e7eb;--paper:#f7f6f3;--blue:#266df0;--blue-soft:#e2f1fd;--blue-deep:#1c62e3;--font:var(--font-inter), ui-sans-serif, system-ui, sans-serif;--hand:var(--font-caveat), cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{background:var(--paper);color:var(--body);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--paper);align-self:start;height:100vh;padding:28px 22px 40px;position:sticky;top:0;overflow-y:auto}.wordmark{color:var(--ink);margin-bottom:6px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.wordmark span{color:var(--blue)}.sidebar-sub{color:var(--muted);margin:0 0 28px;font-size:13px;line-height:1.45}.sidebar-sub a{color:var(--blue);border-bottom:1px solid var(--blue-soft);text-decoration:none}.sidebar-sub a:hover{border-color:var(--blue)}.chapter-nav{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.chapter-nav a{color:var(--muted);border-radius:4px;grid-template-columns:28px 1fr;gap:8px;padding:10px 8px;text-decoration:none;display:grid}.chapter-nav a:hover{color:var(--ink);background:#266df00f}.chapter-nav a.active{background:var(--blue-soft);color:var(--ink)}.chapter-nav .num{font-family:var(--hand);color:var(--blue);font-size:16px;line-height:1.3}.chapter-nav .label{font-size:13px;font-weight:500;line-height:1.3}.chapter-nav .who{color:var(--faint);margin-top:2px;font-size:12px;font-weight:400;display:block}.chapter-nav a.active .who{color:var(--muted)}.main{max-width:760px;padding:48px clamp(28px,6vw,72px) 80px}.crumb{color:var(--muted);align-items:center;gap:6px;margin-bottom:36px;font-size:13px;text-decoration:none;display:inline-flex}.crumb:hover{color:var(--blue)}.meta{color:var(--faint);margin:0 0 12px;font-size:13px}.main h1{color:var(--ink);letter-spacing:-.02em;margin:0 0 28px;font-size:clamp(28px,4.2vw,40px);font-weight:600;line-height:1.15}.author-card{border:1px solid var(--line);background:var(--white);grid-template-columns:1.2fr 1fr 120px;min-height:120px;margin:0 0 36px;display:grid}.author-card>*{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:18px 16px;display:flex}.author-card>:last-child{border-right:none;padding:0;position:relative;overflow:hidden}.chapter-prints{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:start;gap:28px 20px;margin:36px 0 8px;display:grid}.chapter-print{background:var(--white);border:1px solid #d9d4c8;margin:0;padding:8px 8px 10px;display:block;box-shadow:2px 4px #070a0d0d,6px 14px 24px #070a0d1a}.chapter-print:nth-child(3n+1){transform:rotate(-1.5deg)}.chapter-print:nth-child(3n+2){transform:rotate(1.4deg)}.chapter-print:nth-child(3n){transform:rotate(-.8deg)}.chapter-print__shot{display:block;overflow:hidden}.chapter-print img{aspect-ratio:16/10;object-fit:contain;object-position:center center;background:#ebe8e1;width:100%;height:auto;display:block}.chapter-print__cap{font-family:var(--hand);text-align:center;color:var(--ink);padding:10px 6px 4px;font-size:18px;line-height:1.2;display:block}.author-name{font-family:var(--hand);color:var(--blue);font-size:28px;font-weight:700;line-height:1.1}.author-role{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:11px;font-weight:600}.company{color:var(--ink);font-size:15px;font-weight:600}.company span{color:var(--muted);margin-top:4px;font-size:12px;font-weight:400;display:block}.author-photo{object-fit:cover;background:#ebe8e1;width:100%;height:100%;min-height:120px;display:block}.author-photo--logo{object-fit:contain;background:#f3f1ec;padding:24px 16px}.author-photo--lift{object-position:top center}.essay{color:var(--body);font-size:16px;line-height:1.7}.essay p{margin:0 0 1.15em}.essay p:last-child{margin-bottom:0}.essay h2{color:var(--ink);margin:1.6em 0 .55em;font-size:16px;font-weight:600;line-height:1.3}.essay h2:first-child{margin-top:0}.essay .pull{color:var(--ink);border-bottom:2px solid var(--blue);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:500}.essay a,.appendix a{color:var(--blue);border-bottom:1px solid var(--blue-soft);text-decoration:none}.essay a:hover,.appendix a:hover{border-color:var(--blue)}.appendix{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}.appendix__label{letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin:0 0 8px;font-size:12px;font-weight:600}.appendix p{color:var(--muted);margin:0 0 8px;font-size:13px;line-height:1.6}.appendix p:last-child{margin-bottom:0}.scrap{background:#fdf9d8;margin:28px 0 8px;padding:10px 12px 12px;display:inline-block;transform:rotate(-1.8deg);box-shadow:2px 3px #070a0d14}.scrap--blue{background:var(--blue-soft);transform:rotate(1.4deg)}.scrap__label{font-family:var(--hand);color:var(--muted);font-size:14px;line-height:1.1}.scrap__value{font-family:var(--hand);color:var(--ink);font-size:20px;font-weight:700;line-height:1.15}.next{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:24px;text-decoration:none;display:flex}.next:hover .next-title{color:var(--blue)}.next-label{letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:4px;font-size:12px;font-weight:600}.next-title{color:var(--ink);font-size:18px;font-weight:600;transition:color .15s}.next-arrow{font-family:var(--hand);color:var(--blue);flex-shrink:0;font-size:28px}@media (max-width:900px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);height:auto;padding-bottom:20px;position:relative}.chapter-nav{flex-flow:wrap;gap:4px}.chapter-nav a{grid-template-columns:auto;padding:8px 10px}.chapter-nav .who{display:none}.chapter-nav .num{margin-right:4px;display:inline}.author-card{grid-template-columns:1fr 108px}.author-card>:nth-child(2){border-top:1px solid var(--line);grid-area:2/1}.author-card>:last-child{border-left:1px solid var(--line);grid-area:1/2/span 2}}
