
:root{--ink:#221f1a;--paper:#fcfaf5;--gold:#9a7b34;--line:#e2d9c6;--accent:#5e2020;--muted:#736a58}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:17.5px/1.8 'Iowan Old Style',Georgia,'Times New Roman',serif}
a{color:var(--accent);text-underline-offset:3px}
header{background:#15130f}
.topbar{max-width:1150px;margin:0 auto;padding:22px 28px 14px;text-align:center}
.brand{display:inline-block;color:#f2ecdc;text-decoration:none;font-variant:small-caps;letter-spacing:.26em;font-size:1.22em}
.brand small{display:block;font-variant:normal;letter-spacing:.2em;font-size:.5em;color:#9c8f70;margin-top:7px;text-transform:uppercase}
nav{max-width:1150px;margin:0 auto;padding:12px 28px 16px;display:flex;justify-content:center;gap:0;flex-wrap:wrap;border-top:1px solid #2b2721}
nav a{color:#c4b58e;text-decoration:none;font-size:.68em;letter-spacing:.16em;text-transform:uppercase;padding:5px 16px;border-right:1px solid #2f2b24;white-space:nowrap}
nav a:last-child{border-right:none}
nav a:hover{color:#fff}
.hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:#15130f;border-bottom:3px solid var(--gold);min-height:250px}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center 35%;opacity:.42;filter:grayscale(.5) contrast(1.05)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,.55),rgba(10,8,6,.82))}
.hero .in{position:relative;z-index:2;padding:58px 28px;max-width:840px}
.hero h1{color:#faf5e8;font-weight:normal;font-size:2.05em;line-height:1.25;margin:0;letter-spacing:.02em;text-shadow:0 2px 22px rgba(0,0,0,.75)}
.hero .rule{width:64px;height:1px;background:var(--gold);margin:20px auto 16px}
.hero .sub{color:#cfc0a0;font-style:italic;font-size:.92em;letter-spacing:.04em}
.crumb{max-width:880px;margin:0 auto;padding:20px 28px 0;font-size:.78em;color:var(--muted);letter-spacing:.02em}
.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--accent)}
main{max-width:880px;margin:0 auto;padding:22px 28px 70px}
h2{font-weight:normal;font-size:1.5em;color:var(--accent);margin:2.6em 0 .6em;padding-bottom:.35em;border-bottom:1px solid var(--line);letter-spacing:.01em}
h3{font-weight:normal;font-size:1.13em;color:var(--gold);font-variant:small-caps;letter-spacing:.09em;margin:2.1em 0 .5em}
p{margin:1.05em 0;text-align:justify;hyphens:auto}
p.lead{font-size:1.09em;color:#3d372c;font-style:italic;text-align:center;border-left:none;margin:1.6em auto;max-width:92%}
ul.body{margin:1.2em 0;padding-left:1.4em}ul.body li{margin:.45em 0}
figure{margin:2.4em 0;text-align:center}
figure img{max-width:100%;height:auto;border:1px solid var(--line);padding:7px;background:#fff;box-shadow:0 5px 22px rgba(35,28,15,.14)}
figcaption{font-size:.8em;color:var(--muted);font-style:italic;margin-top:.75em;max-width:78%;margin-inline:auto;line-height:1.5}
.imgrow{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin:2.4em 0;align-items:flex-start}
.imgrow figure{flex:1 1 250px;max-width:340px;margin:0}
.children{background:#f5f0e3;border:1px solid var(--line);border-top:2px solid var(--gold);padding:22px 28px;margin:2.6em 0}
.children h4{margin:0 0 12px;font-weight:normal;font-variant:small-caps;letter-spacing:.14em;color:var(--accent);font-size:.95em}
.children ul{margin:0;padding-left:18px;columns:1}
.children li{margin:.35em 0;font-size:.95em}
footer{background:#15130f;color:#8d8368;padding:44px 28px;text-align:center;font-size:.8em;border-top:3px solid var(--gold);letter-spacing:.05em}
footer a{color:#c4b58e}
@media(max-width:640px){body{font-size:16.5px}.hero h1{font-size:1.45em}.hero .in{padding:42px 20px}main{padding:18px 18px 40px}p{text-align:left}nav a{font-size:.62em;padding:4px 10px}}
