:root{--paper:#f6f2e8;--ink:#20251f;--muted:#6e746a;--sage:#68785f;--ochre:#b18a36;--line:#d8d2c5;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{max-width:var(--max);margin:auto;padding:28px 34px;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(10px);z-index:10}.brand{font-size:21px;letter-spacing:.01em;margin-right:auto}.site-header nav{display:flex;gap:22px;font:13px/1.2 Arial,sans-serif;letter-spacing:.05em}.site-header nav a:hover,.text-link:hover,.contact a:hover{color:var(--sage)}.menu{display:none;background:none;border:0;font:13px Arial,sans-serif}.hero{max-width:var(--max);margin:auto;padding:92px 34px 118px;display:grid;grid-template-columns:1.1fr .7fr;gap:100px;align-items:center}.hero h1{font-size:clamp(60px,8vw,118px);line-height:.87;font-weight:400;letter-spacing:-.055em;margin:15px 0 30px}.role{font-size:24px;max-width:560px;line-height:1.4}.hero figure{margin:0}.hero img{width:100%;max-height:650px;object-fit:cover;object-position:center 28%;filter:saturate(.82) contrast(.98)}.kicker{font:12px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--sage);margin:0 0 22px}.section{max-width:var(--max);margin:auto;padding:105px 34px;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.55fr 1fr;gap:60px;margin-bottom:75px}.section h2{font-size:clamp(38px,5vw,70px);line-height:1.03;font-weight:400;letter-spacing:-.035em;margin:0 0 40px}.books{display:grid;gap:125px}.book{display:grid;grid-template-columns:.72fr 1.15fr;gap:85px;align-items:start}.book.reverse{grid-template-columns:1.15fr .72fr}.book.reverse img{order:2}.book img{width:100%;box-shadow:0 18px 38px rgba(30,30,20,.12)}.book h3{font-size:47px;font-weight:400;margin:8px 0 2px;line-height:1.05}.meta,.subtitle{font:13px/1.5 Arial,sans-serif;color:var(--muted);letter-spacing:.03em}.subtitle{font-size:15px;margin:0 0 32px}.book p:not(.meta):not(.subtitle):not(.note){font-size:19px;max-width:720px}.note{font-size:15px;color:var(--muted);border-left:2px solid var(--ochre);padding-left:18px;margin:28px 0}.text-link{display:inline-block;margin-top:8px;font:13px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--sage);padding-bottom:5px}.reading{max-width:900px}.reading h2{max-width:820px}.reading>p:not(.kicker){font-size:21px}.questions{margin:55px 0 0;padding-left:35px;border-left:1px solid var(--ochre)}.questions p{font-size:30px;line-height:1.25;margin:0 0 26px}.pub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.pub-grid h3{font-size:24px;font-weight:400}.pub-grid p{font-size:17px}.coming{margin-top:55px;color:var(--muted);font-style:italic}.quiet{min-height:390px}.quiet p{max-width:650px;font-size:19px}.contact p{font-size:19px}footer{max-width:var(--max);margin:auto;padding:55px 34px 75px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:15px}footer span{font-style:italic;color:var(--sage)}@media(max-width:850px){.site-header{padding:22px}.menu{display:block}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:25px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.site-header nav.open{display:flex}.hero{padding:60px 22px 85px;grid-template-columns:1fr;gap:45px}.hero figure{max-width:500px}.section{padding:75px 22px}.section-head,.book,.book.reverse,.pub-grid{grid-template-columns:1fr}.book.reverse img{order:0}.book{gap:35px}.books{gap:90px}.questions{padding-left:22px}.questions p{font-size:25px}footer{padding:45px 22px 60px;flex-direction:column}}

/* Version 0.2 refinements */
.hero{grid-template-columns:.92fr .88fr;gap:78px}
.hero figure{justify-self:end;width:100%}
.hero img{max-height:735px}
.simple-head{display:block;margin-bottom:58px}
.collection-groups{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.collection-groups h2{font-size:clamp(34px,4vw,52px);margin-bottom:42px}
.collection-entry{padding:26px 0;border-top:1px solid var(--line)}
.collection-entry:last-child{border-bottom:1px solid var(--line)}
.collection-entry h3{font-size:24px;line-height:1.3;font-weight:400;margin:0 0 9px}
.collection-entry p{font:15px/1.6 Arial,sans-serif;color:var(--muted);margin:0}
.essay-list{max-width:980px;margin-top:25px}
.essay-list article{display:grid;grid-template-columns:90px 1fr;gap:28px;padding:25px 0;border-top:1px solid var(--line)}
.essay-list article:last-child{border-bottom:1px solid var(--line)}
.essay-list time{font:12px/1.5 Arial,sans-serif;letter-spacing:.12em;color:var(--sage)}
.essay-list h3{font-size:23px;line-height:1.32;font-weight:400;margin:0 0 7px}
.essay-list p{font:14px/1.55 Arial,sans-serif;color:var(--muted);margin:0}
@media(max-width:850px){
  .hero{grid-template-columns:1fr;gap:45px}
  .hero figure{justify-self:start;width:min(100%,560px)}
  .collection-groups{grid-template-columns:1fr;gap:65px}
  .essay-list article{grid-template-columns:55px 1fr;gap:18px}
}

/* Version 0.3: archive and edited collections */
a{color:inherit}
.edited-books{display:flex;flex-direction:column;gap:92px;margin-top:52px}
.edited-book{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:70px;align-items:center;max-width:1050px}
.edited-book.reverse{grid-template-columns:1fr minmax(220px,360px)}
.edited-book.reverse>a{order:2}
.edited-book img{display:block;width:100%;max-height:510px;object-fit:contain;object-position:left center}
.edited-book h2{font-size:clamp(34px,4vw,52px);line-height:1.05;margin:0 0 8px}
.edited-book h2 a{text-decoration:none}
.edited-book h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.special-issues{max-width:900px;margin-top:110px}
.special-issues>h2{font-size:clamp(32px,4vw,48px);margin-bottom:38px}
.collection-entry h3 a{text-decoration:none}
.collection-entry h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.publication-section{margin-top:76px}
.publication-section>h2{font-size:clamp(32px,4vw,48px);margin-bottom:30px}
.publication-list{max-width:1040px}
.publication-list article{display:grid;grid-template-columns:105px 1fr;gap:30px;padding:23px 0;border-top:1px solid var(--line)}
.publication-list article:last-child{border-bottom:1px solid var(--line)}
.publication-list time{font:12px/1.5 Arial,sans-serif;letter-spacing:.09em;color:var(--sage);text-transform:uppercase}
.publication-list h3{font-size:21px;line-height:1.35;font-weight:400;margin:0 0 7px}
.publication-list h3 a{text-decoration:none}
.publication-list h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.publication-list p{font:14px/1.55 Arial,sans-serif;color:var(--muted);margin:0}
.current-feature{max-width:820px;margin-top:35px}
.current-feature h2{font-size:clamp(38px,5vw,62px);line-height:1.04;margin:14px 0 26px}
.current-feature>p:not(.meta){font-size:20px;line-height:1.65;max-width:700px}
@media(max-width:850px){
  .edited-book,.edited-book.reverse{grid-template-columns:1fr;gap:35px}
  .edited-book.reverse>a{order:0}
  .edited-book img{max-width:360px}
  .publication-list article{grid-template-columns:65px 1fr;gap:18px}
}

.archive-note{font:12px/1.5 Arial,sans-serif;color:var(--muted);margin-top:26px;max-width:720px}
.essay-list h3 a{text-decoration:none}.essay-list h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

/* Version 0.6: Conversations */
.conversation-list{max-width:980px;margin-top:34px}
.conversation-list article{display:grid;grid-template-columns:90px 1fr;gap:28px;padding:25px 0;border-top:1px solid var(--line)}
.conversation-list article:not(:has(time)){grid-template-columns:90px 1fr}
.conversation-list article:not(:has(time))::before{content:"";display:block}
.conversation-list article:last-child{border-bottom:1px solid var(--line)}
.conversation-list time{font:12px/1.5 Arial,sans-serif;letter-spacing:.12em;color:var(--sage)}
.conversation-list h3{font-size:23px;line-height:1.32;font-weight:400;margin:0 0 7px}
.conversation-list h3 a{text-decoration:none}
.conversation-list h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.conversation-list p{font:14px/1.55 Arial,sans-serif;color:var(--muted);margin:0}
@media(max-width:850px){
  .conversation-list article,.conversation-list article:not(:has(time)){grid-template-columns:55px 1fr;gap:18px}
}