:root{--paper:#f3ead3;--ink:#1f1a14;--red:#8e2b20;--rule:#3a2f22;--wood:#3a2f22;--hay:#e8b84a}
*{box-sizing:border-box}html{background:#cfc2a0}
body{margin:0;color:var(--ink);font:17px/1.55 Georgia,"Times New Roman",serif;background:#cfc2a0 radial-gradient(circle at 30% 20%,#ddd0ad,#bfb08b)}
.sheet{max-width:1180px;margin:18px auto;background:var(--paper);background-image:radial-gradient(rgba(120,90,40,.08) 1px,transparent 1px),linear-gradient(180deg,#f6eed8,#efe3c5);background-size:4px 4px,100%;padding:18px 34px 26px;box-shadow:0 2px 14px rgba(60,40,10,.35);border:1px solid #b9a77f}
a{color:var(--ink)}a:hover{color:var(--red)}
.mast{text-align:center;border-bottom:4px double var(--rule)}
.ears{display:flex;justify-content:space-between;gap:10px;font:italic 13px Georgia,serif;border-bottom:1px solid var(--rule);padding-bottom:4px}
.pv{color:var(--red);font-style:normal;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:11px}
.nm{display:block;font:900 clamp(30px,6vw,68px)/1.05 "Old English Text MT","UnifrakturMaguntia","Blackletter",Georgia,serif;text-decoration:none;margin:10px 0 2px;letter-spacing:.5px}
.motto{font-style:italic;margin:2px 0 6px}
.dateline{display:flex;justify-content:space-between;border-top:2px solid var(--rule);border-bottom:1px solid var(--rule);padding:3px 4px;font:700 12px Georgia,serif;letter-spacing:1.5px;text-transform:uppercase}
nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;padding:7px 0;font:700 13px Georgia,serif;letter-spacing:2px;text-transform:uppercase}
nav a{text-decoration:none}nav a.on{border-bottom:2px solid var(--red);color:var(--red)}
main{padding-top:14px}
.banner{text-align:center;font:700 15px Georgia,serif;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--rule);padding-bottom:6px;margin:0 0 12px}
.front{display:grid;grid-template-columns:2fr 1fr;gap:0}
.front .lead{padding-right:22px;border-right:1px solid var(--rule)}.side{padding-left:22px}
.side .tz+.tz{border-top:1px solid var(--rule);margin-top:14px;padding-top:12px}
.tz h2{font-size:34px;line-height:1.1;margin:4px 0}.tz h3{font-size:22px;line-height:1.15;margin:4px 0}
.tz h2 a,.tz h3 a{text-decoration:none}
.sect{font:700 11px Georgia,serif;letter-spacing:2px;text-transform:uppercase;color:var(--red)}
.dl{font:italic 13px Georgia,serif;margin:0 0 6px;color:#5a4a36}
.more{font-weight:700}
.sniff{background:rgba(142,43,32,.06);padding:10px;border:1px dashed var(--red)}
h2.rule{font:700 16px Georgia,serif;letter-spacing:3px;text-transform:uppercase;text-align:center;border-top:3px double var(--rule);border-bottom:1px solid var(--rule);padding:6px 0;margin:28px 0 14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr)}.grid2{display:grid;grid-template-columns:repeat(2,1fr)}
.grid3>*,.grid2>*{padding:0 16px;border-left:1px solid var(--rule)}.grid3>*:first-child,.grid2>*:first-child{border-left:0;padding-left:0}.grid3>*:last-child,.grid2>*:last-child{padding-right:0}
.desk{display:block;text-align:center;text-decoration:none}.desk img{height:220px;max-width:100%;object-fit:contain;filter:sepia(.15)}
.desk b{display:block;font-size:26px}.desk i{display:block;font-size:14px}.desk q{display:block;margin-top:4px}
.ptitle{text-align:center;font-size:40px;margin:6px 0 14px;border-bottom:1px solid var(--rule);padding-bottom:8px}
.profile{display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:start}.profile img{width:100%;filter:sepia(.15)}
.drop::first-letter{float:left;font-size:58px;line-height:.85;padding:4px 6px 0 0;font-weight:700}
blockquote{border-left:3px solid var(--red);margin:14px 0;padding:4px 14px;font-style:italic;font-size:20px}
.fine{font-size:13px;color:#5a4a36}.lede{text-align:center;font-style:italic}
.cols2{column-count:2;column-gap:34px;column-rule:1px solid var(--rule)}.cols2 h3{break-after:avoid}
table.arch{width:100%;border-collapse:collapse}table.arch td{border-bottom:1px solid var(--rule);padding:8px;vertical-align:top}
.stampbar{display:inline-block;border:2px solid #2d6a2d;color:#2d6a2d;font:700 12px Georgia,serif;letter-spacing:1px;padding:3px 8px;transform:rotate(-1deg);margin-bottom:10px}
.story{max-width:860px;margin:0 auto}.story h1{font-size:40px;line-height:1.1;text-align:center;margin:8px 0}
.story .sect{text-align:center}.story .deck{text-align:center;font-style:italic;font-size:19px}
.story .dateline{margin-bottom:10px}.byline{text-align:center;font:700 13px Georgia,serif;letter-spacing:1px;text-transform:uppercase;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:4px;margin:8px 0 14px}
.cols{column-count:2;column-gap:30px;column-rule:1px solid var(--rule);text-align:justify;hyphens:auto}
.cols p:first-child::first-letter{float:left;font-size:54px;line-height:.85;padding:4px 6px 0 0;font-weight:700}
.src{font-size:14px;text-align:left}ul.src{font-size:13px}figure{margin:0 0 12px}figcaption{font-style:italic;font-size:13px;text-align:center}
.vp-label{font-family:Georgia,serif}
footer{text-align:center;border-top:4px double var(--rule);margin-top:30px;padding-top:8px;font-size:14px}
@media(max-width:760px){.sheet{margin:0;padding:12px 14px}.ears span:not(.pv){display:none}.ears{justify-content:center}
.front,.grid3,.grid2,.profile{grid-template-columns:1fr}.front .lead{border:0;padding:0}.side{padding:0;border-top:1px solid var(--rule);margin-top:14px;padding-top:12px}
.grid3>*,.grid2>*{border-left:0;padding:12px 0;border-top:1px solid var(--rule)}.cols,.cols2{column-count:1}.tz h2{font-size:28px}.story h1,.ptitle{font-size:30px}.dateline{font-size:10px;letter-spacing:.5px}.profile img{max-width:240px;margin:auto}}
/* hamburger menu */
.mast{position:relative}
.menu{text-align:center;padding:6px 0;border-top:1px solid currentColor}
.menu summary{display:inline-block;cursor:pointer;list-style:none;font:700 13px Georgia,serif;letter-spacing:3px;text-transform:uppercase;padding:6px 16px;border:2px double currentColor}
.menu summary::-webkit-details-marker{display:none}
.menu .hb{font-size:16px;letter-spacing:0}
.menu[open] summary{background:#1a1a1a;color:#f5efe0}
.menu nav{position:absolute;left:50%;transform:translateX(-50%);z-index:20;margin-top:6px;background:#f5efe0;border:3px double #1a1a1a;box-shadow:4px 4px 0 #1a1a1a;display:flex;flex-direction:column;gap:0;padding:6px 0;min-width:240px;max-width:92vw}
.menu nav a{padding:10px 18px;border-bottom:1px dotted #999;text-align:center}
.menu nav a:last-child{border-bottom:0}