:root{--paper:#f6efdf;--ink:#302e27;--muted:#6b6659;--accent:#234b38;--line:#d8cdb9;--ochre:#aa8a51;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;--mono:"Courier New",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding-left:56px;padding-right:56px}.accent,.post-meta a,.read-link,.text-link,.back-link,.site-footer a{color:var(--accent)}.eyebrow,.post-meta{font:11px/1.6 var(--mono);letter-spacing:1.5px;text-transform:uppercase}.grid{background-image:linear-gradient(#7b76561b 1px,transparent 1px),linear-gradient(90deg,#7b76561b 1px,transparent 1px);background-size:28px 28px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:21px;letter-spacing:-.5px;line-height:1}.brand-mark{position:relative;display:block;width:44px;height:44px;overflow:hidden;flex:0 0 44px}.brand-mark img{position:absolute;width:76px;height:76px;max-width:none;left:-19px;top:-20px}.site-header nav{display:flex;gap:31px;font-size:13px}.site-main{min-height:calc(100vh - 197px)}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;padding:70px 0 65px;align-items:center}.hero h1,.page-intro h1,.post-header h1{font:normal clamp(48px,5.5vw,76px)/1.05 var(--serif);letter-spacing:-3px;margin:22px 0}.hero h1 em{color:var(--accent);font-weight:normal}.intro{max-width:460px;color:var(--muted);font-size:17px;line-height:1.8}.text-link,.read-link{display:inline-block;margin-top:20px;padding-bottom:4px;border-bottom:1px solid var(--accent);font-size:13px}.illustrated-note{position:relative;height:350px;margin:10px 10px 0 15px;padding:20px 22px;border:1px solid var(--line);background-color:#f0e7d3;transform:rotate(2deg);overflow:hidden}.illustrated-note:before{content:"";position:absolute;width:65px;height:22px;top:-12px;left:43%;background:#d4bd86aa;transform:rotate(-7deg)}.illustrated-note>.eyebrow{position:relative;color:var(--muted);font-size:10px}.illustrated-note figcaption{position:absolute;right:20px;bottom:14px;font:italic 15px var(--serif);color:#6d6b50}.motif{display:block;background-image:url("../images/companion-motifs.png");background-size:200% 200%;background-repeat:no-repeat}.long-neck{position:absolute;width:255px;height:255px;top:52px;left:0;background-position:left top}.waving-friend{position:absolute;width:170px;height:170px;right:-5px;bottom:45px;background-position:right top;transform:rotate(-6deg)}.little-twig{width:90px;height:90px;margin:-8px 0 12px -9px;background-position:left bottom}.small-landscape{width:160px;height:160px;margin:-5px 0 4px -13px;background-position:right bottom}.article-friend{width:160px;height:160px;margin:-15px 0 15px -10px;background-position:right top;transform:rotate(-4deg)}.section-label{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:17px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.section-label h2{margin:0;font:12px var(--mono);letter-spacing:1.5px;text-transform:uppercase}.section-label a{font:11px var(--mono);color:var(--muted)}.writing-layout{display:grid;grid-template-columns:1fr 265px;gap:65px;padding-top:34px}.featured-post{padding-bottom:29px}.featured-post h2,.post-card h2{margin:16px 0;font:normal 39px/1.15 var(--serif);letter-spacing:-1.2px}.featured-post p,.post-card p{max-width:570px;margin:0;color:var(--muted);font-size:15px}.recent-posts{margin-top:10px}.post-card{display:grid;grid-template-columns:1fr 42px;gap:15px;padding:24px 0;border-top:1px solid var(--line)}.post-card h2{font-size:25px;margin:10px 0 7px}.post-card p{font-size:14px}.post-card .read-link{align-self:center;justify-self:end;margin:0;font-size:0;border:0}.post-card .read-link span{font-size:22px}.side-note{padding:8px 0 0 26px;border-left:1px solid var(--line)}.side-note>.eyebrow{display:table;padding-top:8px;border-top:2px solid var(--ochre);color:var(--accent)}.side-note h2{margin:19px 0 12px;font:normal 23px/1.3 var(--serif)}.side-note p{color:var(--muted);font-size:13px;line-height:1.85}.side-note .signature{margin-top:25px;font:italic 21px var(--serif);color:var(--ink)}.elsewhere-preview{display:grid;grid-template-columns:1fr 1.65fr;gap:60px;margin:70px 0 60px;padding:34px 0;border-top:1px solid var(--ink)}.elsewhere-preview h2{margin:13px 0;font:normal 39px var(--serif)}.elsewhere-preview>div>p:last-child{max-width:280px;color:var(--muted);font-size:14px}.elsewhere-links a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.elsewhere-links strong{display:block;font-weight:normal;font-size:16px}.elsewhere-links span{color:var(--muted);font-size:12px;text-align:right}.site-footer{display:flex;justify-content:space-between;gap:20px;padding-top:26px;padding-bottom:56px;border-top:1px solid var(--line);color:var(--muted);font:11px var(--mono)}.page-intro{max-width:800px;margin:72px auto 45px}.page-intro>p:last-child{max-width:620px;color:var(--muted);font:20px/1.65 var(--serif)}.post-list{max-width:820px;margin:0 auto 55px}.post-list .post-card{display:block;padding:30px 0}.post-list .post-card h2{font-size:36px}.post-list .post-card .read-link{font-size:13px}.post-list .post-card .read-link span{font-size:13px}.pagination{display:flex;justify-content:space-between;margin:35px auto 60px;max-width:820px}.post-template{max-width:920px;margin:35px auto 70px}.back-link{font:11px var(--mono)}.post-header{max-width:840px;margin:54px auto 42px}.post-header h1{max-width:790px}.dek{max-width:680px;color:var(--muted);font:20px/1.65 var(--serif)}.byline{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:12px}.byline small{color:var(--muted);font:10px var(--mono)}.avatar{display:grid;width:35px;height:35px;place-items:center;border:1px solid #b7c4a6;border-radius:50%;color:var(--accent);font:13px var(--serif)}.feature-image{margin:0 0 36px}.feature-image img{display:block;width:100%;max-height:620px;object-fit:cover}.post-layout{display:grid;grid-template-columns:minmax(0,680px) 180px;gap:60px}.gh-content{font:19px/1.85 var(--serif)}.gh-content>*{margin-top:0;margin-bottom:26px}.gh-content h2,.gh-content h3{font-weight:normal;line-height:1.3}.gh-content h2{margin-top:42px;font-size:31px}.gh-content h3{font-size:26px}.gh-content blockquote{margin:36px 0;padding:7px 0 7px 26px;border-left:2px solid var(--accent);color:var(--accent);font:italic 29px/1.4 var(--serif)}.gh-content img{max-width:100%;height:auto}.gh-content figcaption{color:var(--muted);font:11px/1.7 var(--mono)}.margin-note{align-self:start;margin-top:135px;padding-top:12px;border-top:1px solid var(--accent);color:var(--muted);font:12px/1.8 var(--mono)}.margin-note strong{display:block;margin-bottom:10px;color:var(--accent);font-size:10px;font-weight:normal;letter-spacing:1px;text-transform:uppercase}.post-footer{max-width:680px;margin:45px 0 0}.post-tags{color:var(--muted);font:11px var(--mono)}.page-template{max-width:920px;margin:0 auto 70px}.page-content{max-width:720px;margin:0 auto}.page-content a{color:var(--accent);border-bottom:1px solid var(--accent)}
@media(max-width:900px){.wrap{padding-left:28px;padding-right:28px}.hero{grid-template-columns:1.3fr 1fr;gap:15px}.hero h1{font-size:55px}.illustrated-note{height:320px;margin-left:0}.long-neck{width:210px;height:210px;left:-12px}.waving-friend{width:135px;height:135px;right:-10px}.writing-layout{grid-template-columns:1fr 215px;gap:30px}.post-layout{grid-template-columns:minmax(0,1fr) 140px;gap:30px}}
@media(max-width:650px){.wrap{padding-left:22px;padding-right:22px}.site-header{height:80px}.brand{gap:7px;font-size:17px}.brand-mark{width:32px;height:36px;flex-basis:32px}.brand-mark img{width:56px;height:56px;left:-14px;top:-15px}.site-header nav{gap:12px;font-size:11px}.hero{display:block;padding:42px 0 35px}.hero h1,.page-intro h1,.post-header h1{font-size:40px;letter-spacing:-1.5px}.hero h1{font-size:46px}.intro{font-size:16px}.illustrated-note{height:330px;max-width:390px;margin:38px 7px 20px}.long-neck{width:235px;height:235px;top:40px;left:0}.waving-friend{width:145px;height:145px;right:0;bottom:43px}.writing-layout,.elsewhere-preview,.post-layout{display:block}.featured-post h2{font-size:34px}.side-note{display:flow-root;margin-top:25px;padding:25px 0 0;border-top:1px solid var(--line);border-left:0}.little-twig{float:left;width:75px;height:75px;margin:0 17px 6px -9px}.elsewhere-preview{margin-top:40px}.elsewhere-preview>div:first-child{margin-bottom:18px}.elsewhere-links a{display:block}.elsewhere-links span{display:block;margin-top:4px;text-align:left}.site-footer{font-size:10px}.page-intro{margin:45px auto 35px}.post-template{margin-top:28px}.post-header{margin:35px auto}.gh-content{font-size:18px}.gh-content blockquote{font-size:25px}.margin-note{display:flow-root;margin:30px 0}.article-friend{float:left;width:110px;height:110px;margin:0 20px 10px -5px}.post-list .post-card h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.writing-intro{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:25px;align-items:center}.writing-intro-copy>p:last-child{max-width:620px;color:var(--muted);font:20px/1.65 var(--serif)}.writing-intro-art{display:block;width:100%;height:auto}@media(max-width:650px){.writing-intro{grid-template-columns:minmax(0,1fr) 110px;gap:12px}.writing-intro-copy>p:last-child{font-size:18px}.writing-intro-art{align-self:center}}

/* Photo treatments for About and Speaking. */
.personal-photo{padding:10px;background:#fbf6ea;border:1px solid #d8cdb9;box-shadow:5px 6px 0 #aa8a511c}.personal-photo img{display:block;width:100%;height:auto;filter:saturate(.78) sepia(.10) contrast(.96)}.personal-photo figcaption{margin-top:9px;color:#6b6659;font:11px/1.6 "Courier New",monospace}.about-content{display:flow-root}.about-photo{float:right;width:40%;margin:10px 0 25px 35px}.speaking-content{display:flex;flex-direction:column}.speaking-content>*{order:2}.speaking-content>p:first-of-type{order:0}.speaking-content>.speaking-photo{order:1;width:100%;margin:6px 0 32px}@media(max-width:700px){.about-photo{float:none;width:100%;max-width:420px;margin:10px 0 26px}}