/* inner pages: articles, shelves, about, contact */
.pg{padding:150px 0 var(--sec)}
.pg .wrap{max-width:calc(760px + 2*var(--gut))}
.pg.wide .wrap{max-width:calc(var(--col) + 2*var(--gut))}
.crumbs{display:flex;flex-wrap:wrap;gap:var(--s10);font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--grey)}
.crumbs a{border-bottom:1px solid var(--pale)}
.crumbs a:hover{color:var(--ink);border-color:var(--ink)}
.pg h1{margin-top:var(--s20);font-weight:400;font-size:52px;line-height:1.05;letter-spacing:0;text-transform:none}
.byline{margin-top:var(--s20);font-family:var(--sans);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.byline a{color:var(--ink);border-bottom:1px solid var(--line)}
.hero-img{margin:var(--s30) 0 0}
.hero-img img{width:100%;height:auto}
.prose{margin-top:var(--s50);font-size:21px;line-height:1.6}
.prose>*+*{margin-top:var(--s20)}
.prose h2{margin-top:var(--s50);font-weight:500;font-size:34px;line-height:1.15}
.prose h3{margin-top:var(--s30);font-weight:500;font-size:26px;line-height:1.2}
.prose h4{margin-top:var(--s25);font-family:var(--sans);font-weight:500;font-size:14px;letter-spacing:.14em;text-transform:uppercase}
.prose h2+*,.prose h3+*{margin-top:var(--s15)}
.prose a{border-bottom:1px solid var(--line)}
.prose a:hover{border-color:var(--ink)}
.prose strong,.prose b{font-weight:600}
.prose ul,.prose ol{padding-left:1.2em}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li+li{margin-top:var(--s5)}
.prose blockquote{margin-left:0;padding:var(--s5) 0 var(--s5) var(--s25);border-left:1px solid var(--ink);font-style:italic;font-size:22px}
.prose blockquote cite{display:block;margin-top:var(--s10);font-style:normal;font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey)}
.prose figure{margin:var(--s30) 0}
.prose figure img{margin:0 auto;max-height:720px;width:auto}
.prose figcaption{margin-top:var(--s10);font-size:16px;font-style:italic;color:var(--grey);text-align:center}
.prose .cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--s30);align-items:start;margin-top:var(--s50)}
.prose .cols .col>*+*{margin-top:var(--s15)}
.prose .cols figure{margin:0}
.prose .cols .col>h2:first-child,.prose .cols .col>h3:first-child{margin-top:0}
.prose .buy{display:flex;flex-wrap:wrap;gap:var(--s10)}
.prose .buy a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s20);border:1px solid var(--ink);font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.prose .buy a:hover{background:var(--ink);color:var(--paper)}
.who{display:grid;grid-template-columns:auto 1fr;gap:var(--s20);margin-top:var(--s80);padding-top:var(--s30);border-top:1px solid var(--pale)}
.who img{width:64px;height:auto}
.who p{font-size:18px;line-height:1.5}
.who .nm{font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--grey)}
.who .nm a{color:var(--ink);border-bottom:1px solid var(--line)}
.more{margin-top:var(--s50)}
.more h2{font-family:var(--sans);font-weight:400;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--grey)}
.plist{margin-top:var(--s20);display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s30)}
.plist li a{display:block}
.plist .im{display:block;aspect-ratio:3/2;overflow:hidden;background:#f4f4f4}
.plist .im img{width:100%;height:100%;object-fit:cover}
.plist b{display:block;margin-top:var(--s10);font-weight:500;font-size:22px;line-height:1.2}
.plist span.d{display:block;margin-top:var(--s5);font-size:17px;line-height:1.4;color:#3a3a3a}
.plist a:hover b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.lead{margin-top:var(--s20);font-size:23px;line-height:1.45;font-style:italic}
.plain{margin-top:var(--s30);font-size:21px;line-height:1.6}
.plain>*+*{margin-top:var(--s20)}
.plain a{border-bottom:1px solid var(--line)}
.links{display:flex;flex-wrap:wrap;gap:var(--s10) var(--s30);margin-top:var(--s20)}
.findpage input{width:100%;height:52px;padding:0 var(--s15);border:1px solid var(--ink);font-size:20px}
.findpage .none{margin-top:var(--s20);font-style:italic}
.pg .ed{padding-top:var(--s30)}
@media (max-width:760px){
  .pg{padding-top:110px}
  .pg .wrap{padding:0 16px}
  .pg h1{font-size:36px}
  .prose{font-size:19px;margin-top:var(--s30)}
  .prose h2{font-size:28px}
  .prose h3{font-size:23px}
  .prose .cols{grid-template-columns:1fr;gap:var(--s15)}
  .prose .cols figure img{max-height:420px}
  .prose figure img{max-height:520px}
  .plist{grid-template-columns:1fr}
  .lead{font-size:20px}
  .plain{font-size:19px}
}