@font-face{font-family:'Oswald';font-style:normal;font-weight:200 700;font-display:swap;
  src:url('/fonts/Oswald-sub.woff2') format('woff2')}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;
  src:url('/fonts/EBGaramond-400-sub.woff2') format('woff2')}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;
  src:url('/fonts/EBGaramond-400i-sub.woff2') format('woff2')}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:600;font-display:swap;
  src:url('/fonts/EBGaramond-600-sub.woff2') format('woff2')}
:root{
  --accent:#892534;
  --ink:#1a1a1a;
  --body-ink:#2c2c2c;
  --note-ink:#757575;
  --page:#eeeeee;
  --band-text:#fefefe;
  --frame:980px;
  --sidebar:290px;
  --masthead-h:76px;       /* true scale; two independent derivations converge */
  --w-title:400;           /* Oswald title weight; measured ~360-400 */
  --w-label:600;           /* sidebar labels (original labels were bold) */
  --bar1:#8a2432; --bar2:#db6327; --bar3:#d38d2d;   /* authoritative, from  */
  --bar4:#617e52; --bar5:#044848; --bar6:#032737;   /* the logo file; favicon seed */
  --sans:'Oswald','Arial Narrow',sans-serif;
  --serif:'EB Garamond',Georgia,'Times New Roman',serif;
  --serif-display:'EB Garamond',Georgia,serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);font-family:var(--serif);color:var(--body-ink)}

/* masthead: dark band, reconstructed logo left, nav right */
.masthead{background:var(--ink)}
.masthead .wrap{max-width:1200px;margin:0 auto;padding:44px 22px 0;text-align:center}
a.home{display:inline-block;text-decoration:none}
.masthead img.logo{height:54px;width:auto;display:block;margin:0 auto}
.masthead .motto,.colophon .motto{display:flex;align-items:center;justify-content:center;gap:20px;
  margin:22px 0 0;color:#a6a192;font-family:var(--sans);font-weight:300;font-size:15px;
  letter-spacing:.34em;text-transform:uppercase}
.masthead .mrule,.colophon .mrule{display:block;width:72px;height:2px}
.masthead .motto .mrule:first-child,.colophon .motto .mrule:first-child{background:linear-gradient(90deg,var(--bar6),var(--bar5),var(--bar4),var(--bar3),var(--bar2),var(--bar1))}
.masthead .motto .mrule:last-child,.colophon .motto .mrule:last-child{background:linear-gradient(90deg,var(--bar1),var(--bar2),var(--bar3),var(--bar4),var(--bar5),var(--bar6))}
.masthead nav{margin-top:26px;border-top:1px solid rgba(166,161,146,.22);padding:18px 0 20px}
.masthead nav a{font-family:var(--sans);font-weight:var(--w-title);font-size:17px;
  letter-spacing:.08em;text-transform:uppercase;color:#a6a192;
  text-decoration:none;margin:0 15px}
.masthead nav a:hover{color:#ffffff}

/* hero: full-bleed image, overlaid title block, no scrim (matches original) */
.hero{position:relative;height:auto;min-height:880px;
  background-color:#3a4656;
  background-size:cover;background-position:center;
  display:flex;align-items:center;justify-content:center;text-align:center;
  padding:40px 0 110px}
.hero::after{content:"";position:absolute;inset:0;background:#10141c;
  opacity:var(--scrim,0);pointer-events:none}
.hero .block{max-width:560px;padding:0 24px;color:#fff;font-family:var(--sans);
  position:relative;z-index:1}
.hero h1{font-weight:var(--w-title);font-size:clamp(42px,12.8vw,56px);line-height:1.18;margin:0 0 80px}
.hero .dek{font-weight:300;font-size:clamp(21px,5.7vw,25px);line-height:1.2;margin:0 0 56px}
.hero .byline{font-weight:300;font-size:clamp(21px,5.7vw,25px);margin:0}
.hero .credit{position:absolute;bottom:28px;left:0;right:0;text-align:center;z-index:1;
  color:#fff;font-family:var(--sans);font-weight:300;font-size:22px;text-decoration:underline}
span.credit{text-decoration:none}

/* metadata sidebar + essay body */
.essay{max-width:var(--frame);margin:0 auto;
  display:grid;grid-template-columns:var(--sidebar) 1fr;gap:44px;
  padding:52px 20px 84px}
aside.meta{font-family:var(--sans);font-size:18px;color:var(--ink)}
aside.meta p{margin:0 0 22px;font-weight:300}
aside.meta b{font-weight:var(--w-label)}
aside.meta a{color:var(--ink);text-decoration:none}
aside.meta a:hover{color:var(--accent)}
aside.meta .rule{border:0;border-top:1px solid #cfcfcf;margin:26px 0 0}
article{font-size:21px;line-height:1.55;min-width:0;max-width:39rem;text-align:justify;
  hyphens:auto;-webkit-hyphens:auto}
article p{margin:0;text-wrap:pretty}
article p+p{text-indent:1.6em}
article a{color:var(--accent);text-decoration:none}
article a:hover{color:var(--ink)}
article h2{font-family:var(--serif-display);font-weight:600;font-size:31px;color:var(--ink);
  line-height:1.25;text-align:center;text-indent:0;text-wrap:balance;
  border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;
  padding:34px 12px;margin:2.6em 0 1.7em}
article h3{font-family:var(--serif-display);font-weight:600;font-size:23px;color:var(--ink);line-height:1.3;text-align:left;text-indent:0}
article h2.notes-head{margin-top:3.4em}
article hr{border:0;height:1px;background:#dcdcdc;margin:3em 0}
article img{max-width:100%;height:auto}
article iframe{max-width:100%}
/* captioned figures from WP caption shortcodes (v66) */
figure.wpcap{margin:1.9em auto;max-width:100%}
figure.wpcap img{display:block;margin:0 auto;max-width:100%;width:auto;height:auto}
figure.wpcap figcaption{font-family:var(--serif);font-style:italic;font-size:15px;
  line-height:1.5;color:#555;text-align:center;text-indent:0;margin-top:.65em}
figure.cap-left{float:left;margin:.4em 28px 1.1em 0}
figure.cap-right{float:right;margin:.4em 0 1.1em 28px}
/* break-joined lists and verse (v69): unindented, left-set, inset one indent-depth */
p.vlist,p.verse{text-indent:0;text-align:left;hyphens:none;-webkit-hyphens:none;
  padding-left:1.6em;margin:.85em 0}
article h2{clear:both}
article hr{clear:both}
article sup{font-size:.68em;line-height:0;position:relative;top:-.35em;vertical-align:baseline}
article sup a{color:var(--accent);text-decoration:none;padding:0 .05em}
article sup a:hover{color:var(--ink)}
/* notes: the essay's own serif, true numbering, terminal return arrows (v12) */
ol.notes{font-size:17px;line-height:1.65;color:#555;padding-left:2em;
  text-align:left;hyphens:none;-webkit-hyphens:none}
ol.notes li{margin:0 0 .6em;padding-left:.3em}
ol.notes li::marker{color:#9a9a9a}
p.note{font-size:17px;line-height:1.65;color:#555;margin:0 0 .6em;position:relative;
  padding-left:2.3em;text-align:left;text-indent:0;hyphens:none;-webkit-hyphens:none}
p.bib{font-size:17px;line-height:1.65;color:#555;margin:0 0 .6em;
  padding-left:1.6em;text-indent:-1.6em;text-align:left;hyphens:none;-webkit-hyphens:none}
.fnnum{position:absolute;left:0;width:1.9em;text-align:right;color:#9a9a9a;font-variant-numeric:tabular-nums}
a.fnret{color:var(--accent);text-decoration:none;padding:0 .1em}
a.fnret:hover{color:var(--ink)}
[id^="fn"]:target, [id^="_edn"]:target, [id^="_ftn"]:target{
  background:#f4ede7;border-radius:3px;transition:background .6s}
sup.fn, ol.notes li, p.note, [id^="_edn"], [id^="_ftn"]{scroll-margin-top:26px}
.hero h1,.hero .dek{text-wrap:balance}
/* lead drop cap (aerobbert, v13): measured at exactly three line pitches */
article > p:first-of-type::first-letter{
  font-family:var(--serif-display);font-weight:600;font-style:normal;color:var(--body-ink);
  float:left;font-size:87px;line-height:.8;padding:7px 12px 0 0}
@supports(initial-letter:3){
  article > p:first-of-type::first-letter{
    float:none;font-size:inherit;line-height:inherit;padding:0;margin-right:12px;
    -webkit-initial-letter:3;initial-letter:3}
}
article p{text-wrap:pretty}
.audio{margin:0 0 2em} .audio audio{width:100%}

/* blockquotes: Adam's Additional CSS, verbatim */
/* blockquote: aerobbert essay spec (v13); the 2018 Additional-CSS quote is retired */
blockquote{border-left:3px solid #dcdcdc;margin:1.7em 0;padding:2px 0 2px 26px;
  font-size:.95em;font-style:normal;line-height:1.55;color:inherit;
  text-align:justify;text-indent:0}
blockquote p+p{text-indent:0;margin-top:.9em}

/* archival colophon */
.colophon{background:var(--ink);color:#a6a192;font-family:var(--sans)}
.colophon .wrap{max-width:1200px;margin:0 auto;padding:52px 22px;text-align:center}
.colophon .wordmark{color:#a6a192;font-weight:var(--w-title);letter-spacing:.14em;
  text-transform:uppercase;font-size:19px;margin:0}
.colophon .tagline{font-style:italic;font-weight:300;font-size:18px;color:#a6a192;margin:0 0 20px}
.colophon nav{margin-top:26px;border-top:1px solid rgba(166,161,146,.22);padding:18px 0 0}
.colophon nav a{color:#a6a192;text-decoration:none;font-weight:var(--w-title);font-size:15px;
  letter-spacing:.08em;text-transform:uppercase;margin:0 12px}
.colophon nav a:hover{color:#ffffff}
.colophon .note{font-weight:300;font-size:16px;margin:20px 0 0;color:#a6a192;text-align:center;padding-left:0}

@media (max-width:1000px){
  .essay{grid-template-columns:240px 1fr;gap:32px}
}
@media (max-width:760px){
  .essay{grid-template-columns:1fr;gap:0;padding:34px 18px 64px}
  figure.cap-left,figure.cap-right{float:none;margin:1.9em auto}
  aside.meta{font-size:20px;border-top:1px solid #cfcfcf;padding-top:30px}
  aside.meta p{margin:0 0 24px}
  aside.meta .rule{margin-bottom:34px}
  article h2{font-size:26px;padding:26px 10px}
  article > p:first-of-type::first-letter{font-size:67px}
  ol.notes, p.note, p.bib{font-size:16px}
  .hero .credit{font-size:20px}
  .masthead nav a{margin:0 9px;font-size:14px}
  .masthead img.logo{height:40px}
  .masthead .motto,.colophon .motto{font-size:12px;letter-spacing:.22em;gap:12px}
  .masthead .mrule,.colophon .mrule{width:44px}
  .masthead .wrap{padding:30px 18px 0}
}
@media (max-width:480px){
  .masthead .wrap{padding:24px 14px 0}
  .masthead img.logo{height:32px}
  .masthead nav a{margin:0 6px;font-size:12.5px}
}