/* Printed book: A4 landscape, one spread per page. */
@page{size:297mm 210mm;margin:0}
:root{
  --paper:#F4EBD8;--ink:#241C12;--ink-soft:#4B4030;--maroon:#6E2430;--gold:#A8843F;
  --serif:"Hoefler Text",Baskerville,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:#1a1713;font-family:var(--serif)}
.bar{position:sticky;top:0;z-index:5;display:flex;gap:18px;align-items:center;justify-content:center;
  padding:10px;background:#0f0d0b;color:#EFE7D6;font-size:13px}
.bar button,.bar a{font:inherit;color:#EFE7D6;background:none;border:1px solid rgba(201,162,78,.5);padding:6px 12px;text-decoration:none;cursor:pointer}
.bar button:hover,.bar a:hover{background:rgba(201,162,78,.18)}
.sheet{width:297mm;height:210mm;margin:10mm auto;background:var(--paper);color:var(--ink);
  display:grid;grid-template-columns:1fr 1fr;box-shadow:0 8px 30px rgba(0,0,0,.5);position:relative;
  page-break-after:always;break-after:page;overflow:hidden}
.sheet:last-child{page-break-after:auto}
.col{padding:16mm 15mm 18mm}
.col--l{border-right:1px solid rgba(90,70,40,.16)}
.col--r{padding-left:17mm}
.col--r.center-v{display:flex;flex-direction:column;justify-content:center}
.col.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
img{max-width:100%;display:block}
.crest{width:38mm;opacity:.62;margin-bottom:8mm}
.imprint{font-size:8.5pt;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 3mm}
.motto{font-size:9pt;font-style:italic;color:var(--gold);margin:0;letter-spacing:.08em}
.kicker{font-size:8.5pt;letter-spacing:.28em;color:var(--ink-soft);margin:0 0 4mm}
h1{font-size:26pt;line-height:1.02;margin:0 0 6mm;font-weight:400}
.rule{width:22mm;height:1pt;background:var(--maroon);margin:0 0 5mm}
.sub{font-size:11pt;font-style:italic;color:var(--ink-soft);margin:0 0 2mm}
.sub2{font-size:9pt;line-height:1.6;color:var(--ink-soft);margin:0 0 3mm;max-width:70mm}
.sub2.dim{opacity:.7;font-style:italic}
.toc-head{font-size:9pt;letter-spacing:.28em;text-transform:uppercase;color:var(--maroon);font-weight:400;margin:0 0 6mm}
.toc{list-style:none;margin:0;padding:0;border-top:1pt solid rgba(90,70,40,.35)}
.toc li{display:grid;grid-template-columns:8mm 1fr auto 12mm;gap:4mm;align-items:baseline;
  padding:2.6mm 0;border-bottom:1pt solid rgba(90,70,40,.22);font-size:9.5pt}
.tnum{font-size:8pt;color:var(--gold);letter-spacing:.08em}
.tyear{font-size:8pt;color:var(--ink-soft)}
.tfolio{font-size:8pt;color:var(--ink-soft);text-align:right}
.orn{font-size:12pt;color:var(--gold);margin:0 0 4mm}
.note-head{font-size:9pt;letter-spacing:.22em;text-transform:uppercase;margin:0 0 4mm}
.note-body{font-size:9pt;line-height:1.65;color:var(--ink-soft);margin:0 0 4mm;max-width:74mm}
.p-kicker{font-size:8pt;letter-spacing:.24em;color:rgba(110,36,48,.85);margin:0 0 4mm;text-transform:uppercase}
figure{margin:0}
figure{position:relative}
figure img{width:100%;border:0;padding:0;background:none;mix-blend-mode:multiply;
  filter:sepia(.22) saturate(.8) contrast(.96) brightness(1.04)}
figure::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(52,38,16,.10),rgba(52,38,16,0) 22%);mix-blend-mode:multiply}
.cap{font-size:8pt;font-style:italic;color:var(--ink-soft);margin:2.5mm 0 0}
.empty{border-top:1pt solid rgba(90,70,40,.45);padding-top:4mm;margin:0 0 3mm}
.empty-year{font-size:16pt;color:var(--maroon);margin:0 0 2mm}
.empty-note{font-size:8.5pt;font-style:italic;color:var(--ink-soft);line-height:1.6;margin:0}
.p-obj{font-size:8.5pt;line-height:1.6;color:var(--ink-soft);margin:5mm 0 0;border-top:1pt solid rgba(90,70,40,.3);padding-top:3mm}
.p-obj i{color:var(--maroon)}
blockquote{margin:4mm 0 0;padding-left:4mm;border-left:2pt solid var(--gold)}
blockquote p{font-size:8.5pt;font-style:italic;margin:0;line-height:1.55}
blockquote cite{display:block;font-size:7.5pt;color:var(--ink-soft);font-style:normal;margin-top:1.5mm}
.rh{font-size:7.5pt;letter-spacing:.16em;text-transform:uppercase;color:rgba(72,55,28,.75);
  border-bottom:1pt solid rgba(90,70,40,.3);padding-bottom:2mm;margin:0 0 4mm}
.year{font-size:15pt;color:var(--maroon);margin:0 0 1mm;font-variant-numeric:oldstyle-nums}
h2{font-size:15pt;line-height:1.08;font-weight:400;margin:0 0 3mm;max-width:78mm}
.lede{font-size:9.4pt;font-style:italic;color:var(--ink-soft);margin:0 0 4mm;line-height:1.5}
.body p{font-size:9.6pt;line-height:1.62;margin:0 0 2.6mm;text-align:justify;hyphens:auto}
.body p:first-child::first-letter{font-size:2.4em;line-height:.85;float:left;padding:.03em .06em 0 0;color:var(--maroon)}
.surv{font-size:8pt;line-height:1.55;color:var(--ink-soft);margin:4mm 0 0;border-top:1pt solid rgba(90,70,40,.28);padding-top:2.5mm}
.surv i{color:var(--ink);font-style:italic}
.facts{font-size:7.5pt;color:var(--ink-soft);margin:2mm 0 0;letter-spacing:.02em}
@media screen{.sheet{transform-origin:top center}}
@media print{
  html,body{background:#fff}
  .no-print{display:none !important}
  .sheet{margin:0;box-shadow:none;width:297mm;height:210mm}
}
@media screen and (max-width:900px){
  .sheet{width:100%;height:auto;grid-template-columns:1fr;margin:6px}
  .col--l{border-right:0;border-bottom:1px solid rgba(90,70,40,.2)}
  .bar{flex-wrap:wrap;gap:8px}
}