/* Article archive and single post — sits on top of base.css */

body.grcws-reading{background:var(--paper);color:var(--char)}

.ahero{background:#000;color:var(--paper);padding:150px 0 120px;position:relative;overflow:hidden}
.ahero .kick{font-family:var(--geo);font-weight:400;font-size:14px;letter-spacing:.3em;
 text-transform:uppercase;color:var(--rust);margin:0 0 26px}
.ahero h1{font-family:var(--geo);font-weight:300;font-size:clamp(38px,5.6vw,74px);
 line-height:1.08;letter-spacing:-.015em;margin:0;max-width:20ch}
.ahero h1 .b{color:var(--rust)}
.ahero .meta{font-family:var(--geo);font-weight:300;font-size:15px;letter-spacing:.06em;
 color:var(--paper);opacity:.6;margin-top:30px}

.alist{background:var(--paper);color:var(--char);padding:110px 0 130px}
.alist .item{max-width:900px;margin:0 auto;padding:44px 0;border-bottom:1px solid rgba(34,27,23,.14)}
.alist .item:first-child{padding-top:0}
.alist .item h2{font-family:var(--geo);font-weight:400;font-size:clamp(25px,2.8vw,34px);
 line-height:1.25;letter-spacing:-.01em;margin:0 0 14px}
.alist .item h2 a{color:var(--char)}
.alist .item h2 a:hover{color:var(--rust-d)}
.alist .item .d{font-family:var(--geo);font-weight:400;font-size:13.5px;letter-spacing:.2em;
 text-transform:uppercase;color:var(--rust);margin:0 0 16px}
.alist .item p{font-size:18.5px;line-height:1.7;margin:0;opacity:.86}
.alist .more{font-family:var(--geo);font-weight:500;font-size:15px;letter-spacing:.14em;
 text-transform:uppercase;color:var(--rust-d);display:inline-block;margin-top:20px}

.apost{background:var(--paper);color:var(--char);padding:100px 0 130px}
.apost .body{max-width:820px;margin:0 auto;font-size:20px;line-height:1.85}
.apost .body h2{font-family:var(--geo);font-weight:500;font-size:clamp(25px,2.6vw,33px);
 line-height:1.3;margin:2em 0 .7em;color:var(--char)}
.apost .body h3{font-family:var(--geo);font-weight:500;font-size:23px;margin:1.9em 0 .6em}
.apost .body a{color:var(--rust-d);border-bottom:1px solid rgba(139,38,23,.35)}
.apost .body blockquote{margin:2em 0;padding:0 0 0 28px;border-left:2px solid var(--rust);
 font-size:21px;line-height:1.65;color:var(--rust-d)}
.apost .body img{max-width:100%;height:auto;display:block;margin:2em auto}
.apost .body ul,.apost .body ol{padding-left:1.3em;margin:0 0 1.6em}
.apost .body li{margin:0 0 .55em}
.apost .body figcaption{font-family:var(--geo);font-size:15px;opacity:.6;text-align:center}

.pag{max-width:900px;margin:80px auto 0;display:flex;justify-content:space-between;gap:24px;
 font-family:var(--geo);font-weight:500;font-size:15px;letter-spacing:.14em;text-transform:uppercase}
.pag a{color:var(--rust-d)}
.pag .page-numbers{padding:0 8px}
.pag .current{color:var(--char);opacity:.5}

.aback{display:block;max-width:820px;margin:70px auto 0;font-family:var(--geo);font-weight:500;
 font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust-d)}

.searchform{max-width:820px;margin:0 auto}
.searchform input[type=search]{font-family:var(--sans);font-size:18px;padding:14px 16px;
 border:1px solid rgba(34,27,23,.25);background:transparent;color:var(--char);width:100%;max-width:420px}
.searchform button{font-family:var(--geo);font-weight:500;letter-spacing:.14em;text-transform:uppercase;
 background:var(--rust-d);color:var(--paper);border:0;padding:15px 26px;margin-left:8px;cursor:pointer}

/* footer menu row */
.fnav{list-style:none;display:flex;flex-wrap:wrap;gap:14px 32px;justify-content:center;
 padding:0;margin:0 0 34px}
.fnav a{font-family:var(--geo);font-weight:400;font-size:15px;letter-spacing:.1em}
