:root{color-scheme:light;--paper:#edeee9;--ink:#22251f;--red:#d83b28;--line:#bdc2b5;--muted:#59614f}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--red);outline-offset:6px}
::selection{background:var(--red);color:#fff}
p{line-height:1.65;margin:0 0 20px}
.mono{font-family:"Courier New",monospace;font-size:11px;line-height:1.6;font-weight:400;letter-spacing:.3px}
.skip{position:fixed;left:16px;top:-100px;z-index:2;background:#fff;padding:15px}
.skip:focus{top:12px}
.masthead{min-height:82px;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.wordmark{font-size:29px;font-weight:700;display:inline-flex;align-items:baseline;line-height:1;padding:8px 0}
.wordmark:hover{text-decoration:none}
.mark-dot{width:7px;height:7px;background:var(--red);margin-left:3px}
.masthead nav a,.site-footer>a:last-child{display:inline-block;font-size:13px;padding:12px 0}
.masthead nav span{margin-left:16px}
main{max-width:1440px;margin:auto}
.intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;padding:68px 7% 66px}
.eyebrow{margin:0 0 30px;color:var(--muted)}
h1{font-size:clamp(62px,7.5vw,108px);line-height:.99;font-weight:400;letter-spacing:-4px;margin:0 0 30px}
h1 em,.support h2 em{font-family:Georgia,serif;font-weight:400;color:var(--red)}
.lead{font-size:21px;line-height:1.5;max-width:530px;margin:0 0 16px}
.intro-note{font-size:14px;color:var(--muted);margin:0;max-width:440px}
.seed-study{margin:0;align-self:center}
.seed-study svg{display:block;width:100%;max-width:380px;margin:auto;overflow:visible}
.seed-study figcaption{text-align:center;font-size:9px;color:var(--muted);margin-top:18px}
.orbit{fill:none;stroke:#c3c9b8;stroke-dasharray:2 7;stroke-width:1}
.orbit.inner{stroke-dasharray:none;stroke:#d6dacd}
.stem,.root,.spark{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.leaf{fill:#a9b894;stroke:var(--ink);stroke-width:1.2}
.leaf.pale{fill:#d4df85}.leaf.red{fill:#ee432c}.idea{fill:var(--paper);stroke:var(--ink);stroke-width:1.8}.spark{stroke:var(--red)}
.workbench{border-top:1px solid var(--line);padding:28px 7% 58px}
.section-label{display:flex;justify-content:space-between;gap:20px;color:var(--muted);margin-bottom:46px}
.story{display:grid;grid-template-columns:1fr 1.35fr;gap:70px}
h2{font-size:34px;line-height:1.2;font-weight:400;letter-spacing:-.8px;margin:0}
.prose{max-width:620px;font-size:16px}
.prose p:last-child{margin-bottom:0}.closing-thought{font-family:Georgia,serif;font-size:22px;line-height:1.45;padding-top:10px;color:#4d6140}
.project-link{padding:28px 7%;display:grid;grid-template-columns:1fr 1.35fr 24px;align-items:center;gap:40px;background:var(--ink);color:#f1f3e9}
.project-link>.mono{color:#d4df85}.project-name{font-size:27px}.project-description{display:block;font-size:13px;color:#c8cebe;margin-top:8px;line-height:1.5}.project-arrow{font-size:28px}.project-link:hover{background:#30382a;text-decoration:none}.project-link:hover .project-name{text-decoration:underline;text-underline-offset:6px}
.support{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;padding:65px 7% 72px;background:#e4e8db}
.support-heading>.mono{display:block;color:var(--muted);margin-bottom:30px}
.support h2{font-size:38px;line-height:1.2}.support h2 em{color:#526744}
.support-copy{font-size:16px;max-width:540px;padding-top:46px}
.coffee-link{display:inline-block;max-width:100%;margin:5px 0 20px;border-radius:12px;line-height:0}.coffee-link img{display:block;width:218px;max-width:100%;height:auto}.coffee-link:hover{opacity:.88;text-decoration:none}
.no-pressure{font-size:12px;color:var(--muted);max-width:360px;margin:0}
.site-footer{border-top:1px solid var(--line);margin:0 40px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .mono{font-size:10px}
@media(min-width:1440px){main{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media(max-width:900px){.mast-note{display:none}.intro{gap:10px;padding:50px 6%}.lead{font-size:18px}.desktop-break{display:none}.story,.support{gap:35px}.section-label{margin-bottom:32px}.story h2{font-size:29px}.workbench,.support{padding-left:6%;padding-right:6%}.project-link{padding:26px 6%;gap:24px}.project-link>.mono{font-size:10px}.support h2{font-size:32px}}
@media(max-width:600px){.masthead{min-height:72px;padding:14px 23px}.wordmark{font-size:26px}.masthead nav a{font-size:12px}.intro{grid-template-columns:1fr;padding:38px 24px 32px;gap:0}.eyebrow{font-size:10px;margin-bottom:25px}h1{font-size:68px;letter-spacing:-2.7px;margin-bottom:25px}.lead{font-size:18px}.intro-note{font-size:13px}.seed-study{max-width:260px;width:100%;margin:20px auto 0}.seed-study figcaption{margin-top:0;font-size:8px}.workbench{padding:25px 24px 35px}.section-label{font-size:10px;margin-bottom:28px}.section-label>span:last-child{display:none}.story,.support{grid-template-columns:1fr;gap:26px}.story h2{font-size:30px}.prose{font-size:15px}.closing-thought{font-size:21px}.project-link{grid-template-columns:1fr 24px;padding:26px 24px;gap:18px}.project-link>.mono{grid-column:1/-1}.project-name{font-size:26px}.project-description{font-size:12px}.support{padding:35px 24px 42px}.support-heading>.mono{font-size:10px;margin-bottom:24px}.support h2{font-size:34px}.support-copy{padding-top:0;font-size:15px}.site-footer{margin:0 24px;padding:22px 0;flex-wrap:wrap;gap:12px}.site-footer>.mono{margin-left:auto}.site-footer>a:last-child{flex-basis:100%;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
