
:root{--paper:#FAF7F2;--paper-deep:#F3EEE6;--ink:#211D18;--secondary:#5C564D;--tertiary:#6E6759;
--clay:#8A4626;--clay-dark:#6E3517;--hairline:#E5DED2;--footer:#26211B;--footer-ink:#EDE7DC;--footer-mut:#B7AE9F;
--serif:'Newsreader',Georgia,serif;--sans:'Public Sans','Helvetica Neue',Helvetica,Arial,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:19px;line-height:1.62;
font-feature-settings:'onum' 1;-webkit-font-smoothing:antialiased}
a{color:var(--clay);text-decoration:none;border-bottom:1px solid var(--hairline)}
a:hover{color:var(--clay-dark);border-bottom-color:var(--clay-dark)}
a:focus-visible{outline:2px solid var(--clay);outline-offset:3px;border-radius:1px}
.wrap{max-width:1160px;margin:0 auto;padding:0 32px}
/* header */
header.site{border-bottom:1px solid var(--hairline);background:var(--paper)}
.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:26px 0;flex-wrap:wrap}
.wordmark{font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:.01em;color:var(--ink);border:none}
.wordmark span{color:var(--tertiary);font-weight:400}
nav.site a{font-family:var(--sans);font-size:13.5px;color:var(--secondary);border:none;margin-left:22px}
nav.site a:hover{color:var(--clay-dark)}
nav.site a[aria-current]{color:var(--ink);border-bottom:2px solid var(--clay);padding-bottom:3px}
/* article */
.kicker{width:26px;height:2px;background:var(--clay);margin:64px 0 18px}
.genre{font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--tertiary);margin-bottom:14px}
h1{font-size:clamp(30px,4.4vw,44px);line-height:1.14;font-weight:500;letter-spacing:-.01em;max-width:22ch}
.byline{font-family:var(--sans);font-size:13px;color:var(--tertiary);margin:18px 0 8px}
.revised{font-family:var(--sans);font-size:12px;color:var(--tertiary)}
article{max-width:70ch;padding-bottom:72px}
article .lede blockquote,article>blockquote:first-of-type{border:none;padding:0;margin:30px 0 8px;
font-size:22.5px;line-height:1.45;color:var(--secondary);font-style:italic}
article p{margin:0 0 1.25em}
article h2{font-size:24px;font-weight:500;margin:2em 0 .7em;letter-spacing:-.005em}
article h3{font-size:19px;font-weight:600;margin:1.6em 0 .5em}
article blockquote{margin:1.4em 0;padding:2px 0 2px 22px;border-left:2px solid var(--ink);font-size:18px;color:var(--secondary)}
article blockquote p{margin-bottom:.8em}
article ul,article ol{margin:0 0 1.25em 1.3em}
article li{margin-bottom:.45em}
article hr{border:none;text-align:center;margin:2.4em 0}
article hr::after{content:'§';color:var(--tertiary);font-size:17px}
article strong{font-weight:600}
.tablewrap{overflow-x:auto;margin:1.5em 0}
article table{border-collapse:collapse;font-size:16px;min-width:540px}
article th{font-family:var(--sans);font-size:12px;letter-spacing:.03em;text-transform:none;color:var(--tertiary);
font-weight:600;text-align:left;padding:8px 18px 8px 0;border-bottom:1.5px solid var(--ink)}
article td{padding:10px 18px 10px 0;border-bottom:1px solid var(--hairline);vertical-align:top;line-height:1.5}
article td em,article td i{font-style:italic}
sup.ref{font-family:var(--sans);font-size:11px;color:var(--clay);margin-left:1px}
/* index/library */
.pagehead{padding:64px 0 40px;border-bottom:1px solid var(--hairline)}
.lib h2{font-size:15px;font-family:var(--sans);font-weight:600;letter-spacing:.02em;color:var(--tertiary);margin:44px 0 6px}
.lib ul{list-style:none;margin:0}
.lib li{border-bottom:1px solid var(--hairline)}
.lib a{display:flex;justify-content:space-between;gap:24px;align-items:baseline;border:none;padding:13px 0;color:var(--ink)}
.lib a:hover .t{color:var(--clay-dark)}
.lib .t{font-size:19px}
.lib .m{font-family:var(--sans);font-size:12px;color:var(--tertiary);white-space:nowrap}
/* home */
.hero{padding:84px 0 70px}
.hero h1{font-size:clamp(34px,5vw,54px);max-width:20ch}
.hero .sub{font-size:21px;color:var(--secondary);max-width:58ch;margin:26px 0 34px;line-height:1.55}
.cta{display:inline-block;font-family:var(--sans);font-size:14px;font-weight:600;color:#fff;background:var(--clay);
padding:13px 22px;border:none;border-radius:2px}
.cta:hover{background:var(--clay-dark);color:#fff}
.cta2{display:inline-block;font-family:var(--sans);font-size:14px;color:var(--clay);margin-left:18px;border-bottom:1px solid var(--hairline)}
.band{background:var(--paper-deep);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:56px 0}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:36px}
.cols h3{font-size:20px;font-weight:500;margin-bottom:8px}
.cols p{font-size:16.5px;color:var(--secondary);line-height:1.55}
.cols a.more{font-family:var(--sans);font-size:13px}
.plain{padding:64px 0}
.plain h2{font-size:26px;font-weight:500;margin-bottom:14px}
.plain p{max-width:66ch;color:var(--secondary);margin-bottom:1em}
/* footer */
footer.site{background:var(--footer);color:var(--footer-ink);margin-top:40px}
footer.site .inner{display:grid;grid-template-columns:1.6fr 1fr 1.5fr;gap:48px;padding:60px 0 30px}
footer.site h4{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--footer-mut);margin-bottom:14px}
footer.site p,footer.site a{font-size:15.5px;color:var(--footer-ink);line-height:1.7;border:none}
footer.site a:hover{color:#fff}
footer.site .fine{grid-column:1/-1;border-top:1px solid rgba(237,231,220,.18);padding:22px 0 4px;
font-family:var(--sans);font-size:12px;color:var(--footer-mut);line-height:1.7}
/* photography */
.artfig{margin:34px 0 4px}
.artfig img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;display:block;border-radius:2px;border:1px solid var(--hairline)}
.artfig figcaption{font-family:var(--sans);font-size:12px;color:var(--tertiary);margin-top:9px;line-height:1.5}
article .artfig{margin:36px 0 30px}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center}
.hero-grid .artfig{margin:0}
.hero-grid .artfig img{aspect-ratio:5/4}
.band-photo{border-bottom:1px solid var(--hairline)}
.band-photo img{width:100%;height:auto;aspect-ratio:21/8;object-fit:cover;display:block}
.band-photo figcaption{font-family:var(--sans);font-size:12px;color:var(--tertiary);padding:10px 32px 12px;max-width:1160px;margin:0 auto}
.photostrip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0 4px}
.photostrip img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:2px;border:1px solid var(--hairline)}
@media(max-width:900px){footer.site .inner{grid-template-columns:1fr}.masthead{padding:20px 0}
nav.site a{margin-left:0;margin-right:18px}body{font-size:18px}
.hero-grid{grid-template-columns:1fr;gap:34px}.photostrip{grid-template-columns:1fr}}
@media print{header.site,footer.site,.cta,.cta2,.artfig,.photostrip,.band-photo{display:none}body{background:#fff}}
