@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f5f3ec;--ink:#263c30;--muted:#737a70;--line:#d9ddd2;--accent:#c4d1a4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}header{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:16px;align-items:center;font-size:18px;font-weight:600;letter-spacing:-.4px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:6px;font-weight:500}.mark{font-family:Georgia,serif;font-size:34px;position:relative;font-weight:400}.mark span{font-size:9px;position:absolute;right:-5px;top:2px}nav{display:flex;gap:32px;font-size:13px}nav a:hover,footer a:hover{text-decoration:underline}#menubtn{display:none}.hero{display:grid;grid-template-columns:1fr 1.08fr;min-height:650px}.hero-copy{padding:86px 10% 45px}.eyebrow{font-size:10px;letter-spacing:2.1px;line-height:1.8;font-weight:600}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-2px}h1{font-size:clamp(65px,6.5vw,106px);line-height:.98;margin:29px 0}p{font-size:15px;line-height:1.85}.hero p{color:#626b61}.button{display:inline-flex;align-items:center;gap:50px;background:var(--ink);color:white;padding:19px 23px;font-size:13px;margin-top:25px}.button:hover{background:#496044}.button span{font-size:22px}.byline{font-size:8px;letter-spacing:1.5px;margin-top:65px;color:var(--muted)}.hero-image{position:relative;background:#344d35;min-height:580px;overflow:hidden}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;inset:0}.hero-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#132518b0)}.photo-label{position:absolute;bottom:29px;left:30px;right:30px;color:white;z-index:1;font-size:11px;display:flex;justify-content:space-between;gap:15px}.intro{padding:48px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1fr;gap:35px;align-items:center}.intro p{margin:0;max-width:580px;font-size:17px}.intro>a{text-align:right;font-size:12px}.archive{padding:85px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end}h2{font-size:55px;line-height:1.07;margin:12px 0 28px}.section-heading>span{font-size:12px;color:var(--muted);margin-bottom:32px}.filters{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:12px 0 24px;margin-bottom:34px;align-items:center}#regions{display:flex;flex-wrap:wrap;gap:6px}#regions button{background:transparent;border:1px solid transparent;padding:9px 13px;color:var(--muted);font-size:12px;cursor:pointer}#regions button.active{background:var(--ink);color:white}#regions button:hover{border-color:var(--ink)}.search{display:flex;gap:10px;align-items:center;border-bottom:1px solid #929e8d;padding:8px}.search input{border:0;background:transparent;width:175px;font-size:12px;color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 25px}.card .image{overflow:hidden;aspect-ratio:1.45;background:#d9ded1;position:relative}.card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover img{transform:scale(1.04)}.card .tag{font-size:9px;letter-spacing:1.6px;margin:20px 0 8px;text-transform:uppercase;color:var(--muted)}.card h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:30px;font-weight:400;margin:0;line-height:1.2;letter-spacing:-.5px}.card .read{font-size:11px;display:flex;justify-content:space-between;margin-top:17px;border-top:1px solid var(--line);padding-top:13px}.more{display:block;margin:45px auto 0;padding:14px 28px;border:1px solid #a9b1a1;background:transparent;color:var(--ink);cursor:pointer;font-size:12px}.book{margin:0 5% 80px;background:#e6e9db;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.book h2{font-size:51px}.book p{color:#68705f}.booklinks{display:flex;flex-direction:column;justify-content:center}.booklinks a{padding:24px 0;border-bottom:1px solid #c4cbb8;font-size:15px;display:flex;gap:20px;align-items:center}.booklinks span{font-size:10px;color:var(--muted)}.booklinks b{margin-left:auto;font-weight:400}footer{padding:45px 5%;border-top:1px solid var(--line);position:relative}footer p{font-size:12px;color:var(--muted)}footer>div{display:flex;gap:25px;margin:22px 0;font-size:12px}footer small{font-size:10px;line-height:1.8;color:var(--muted)}#reader{max-width:1120px;padding:40px 35px 80px;margin:auto}.reader-top{display:flex;justify-content:space-between;gap:20px;font-size:12px}#reader h1{font-size:64px;line-height:1.08;margin:40px 0}article{color:#334337;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.85;overflow-wrap:anywhere}.article img{max-width:100%!important;height:auto!important;object-fit:contain}.article center{margin:20px 0}.article a{text-decoration:underline;text-underline-offset:3px}.article table{max-width:100%;width:auto!important}.article td{max-width:100%;vertical-align:top}.article iframe,.article video{max-width:100%}.article .missing-photo{display:inline-block;background:#e3e6dc;min-height:60px;min-width:120px}.article font{font-family:inherit}.article p#Caption{font-size:13px}body:has(#reader:not([hidden])) .hero{display:none}[hidden]{display:none!important}@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:900px){header{padding:22px 5%}nav{gap:15px;font-size:11px}.hero{min-height:540px}.hero-copy{padding:65px 9% 35px}.hero-image{min-height:520px}.byline{margin-top:40px}.intro{grid-template-columns:1fr 2fr}.intro>a{display:none}.filters{align-items:flex-start;flex-direction:column}.cards{gap:28px 20px}.card h3{font-size:25px}.book{padding:35px;gap:30px}}@media(max-width:600px){header{position:relative}.brand{font-size:15px}.brand small{font-size:7px}nav{display:none;position:absolute;z-index:10;background:var(--paper);left:0;right:0;top:100%;padding:25px;flex-direction:column;border-bottom:1px solid var(--line);font-size:14px}nav.open{display:flex}#menubtn{display:block;background:none;border:0;font-size:22px;color:var(--ink)}.hero{display:flex;flex-direction:column}.hero-copy{padding:48px 6% 35px}.hero h1{font-size:74px}.hero p{font-size:14px}.byline{margin-top:35px}.hero-image{min-height:410px}.intro{display:block;padding:30px 6%}.intro p{font-size:15px;margin-top:15px}.archive{padding:50px 6%}h2{font-size:43px}.section-heading>span{font-size:10px}.cards{grid-template-columns:1fr 1fr;gap:30px 15px}.card h3{font-size:24px}.card .tag{font-size:8px;letter-spacing:1px}.card .read{font-size:10px}.book{grid-template-columns:1fr;margin:0 6% 45px;padding:28px;gap:10px}.book h2{font-size:44px}.booklinks a{font-size:13px}#reader{padding:28px 6% 50px}#reader h1{font-size:46px}.reader-top{flex-direction:column}.article{font-size:14px}.article table{display:block;overflow-x:auto}.article center{margin:14px 0}}

.article img{width:auto!important}

/* Keep navigation visible and anchor headings clear of its changing height. */
:root{--header-height:108px}
body>header{position:sticky;top:0;z-index:100;background:var(--paper)}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
.article [id],.article a[name]{scroll-margin-top:12px}
.article .legacy-anchor{display:block}
.article img[width][height]{width:var(--photo-width,auto)!important;max-width:100%;height:auto;aspect-ratio:var(--photo-ratio,auto)}
@media(max-width:600px){body>header{flex-wrap:wrap}header nav{display:flex;position:static;flex-direction:row;justify-content:space-between;gap:9px;width:100%;margin-top:14px;padding:0;border:0;font-size:11px}#menubtn{display:none}}

/* Compact sticky masthead; retain the readable link and name sizes. */
body>header{padding-block:17px}
@media(max-width:900px){body>header{padding-block:11px}}
@media(max-width:600px){header nav{margin-top:8px}}
.article img.document-image{max-height:none!important;cursor:zoom-in}