/* Matei Domenti: print. The monument issued as a proclamation, in black type
   on cream: the one exception to dark only. Interactive parts, the kneel
   counter and the certificate are withheld. Loaded with media="print". */

@page {
  margin: 18mm 16mm;
  background: #EDE6D6;
}

:root {
  color-scheme: light;
  /* The palette turns over: grounds become cream, type becomes obsidian, gold
     deepens to a bronze that holds its contrast on paper. */
  --obsidian: #EDE6D6;
  --basalt: #EDE6D6;
  --imperial: #EDE6D6;
  --cream: #0D0C0A;
  --cream-muted: rgb(13 12 10 / 0.7);
  --cream-muted-green: rgb(13 12 10 / 0.7);
  --cream-faint: rgb(13 12 10 / 0.2);
  --gold: #6E5226;
  --gold-hi: #6E5226;
  --hairline: rgb(13 12 10 / 0.18);
  --hairline-green: rgb(13 12 10 / 0.18);
  --hairline-gold: rgb(110 82 38 / 0.55);
}

html,
body {
  background: #EDE6D6 !important;
  color: #0D0C0A !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* Withheld from the page. */
body::after,
.skip,
.bar,
.hero__cue,
.hero__spot,
.press__toggle,
.press__list--echo,
.gods__progress,
.campaigns__axis,
.chapter__progress,
.pill,
.witness,
.kneel,
.kneel__status,
.worthy,
.keepsake { display: none !important; }

/* Stages unpinned, every scrubbed element in its final state. */
.hero { min-height: auto; padding: 0 0 var(--s-8); }
.hero__stage,
.w,
.testimony,
[data-inv-step],
[data-inv-total],
.invoice { opacity: 1 !important; transform: none !important; clip-path: none !important; }
.paid { opacity: 1 !important; transform: rotate(-9deg) !important; }
.proclamation__track,
.campaigns__track,
.gods__track { height: auto !important; }
.proclamation__stage,
.campaigns__stage,
.gods__stage { position: static !important; height: auto !important; padding-top: 0 !important; }
.proclamation,
.motion .proclamation { padding-block: var(--s-10) 0; }
.chapter__rail { position: static !important; }
.motion .gods__quotes { gap: var(--s-6); }
.motion .testimony { grid-area: auto !important; }
.motion .gods__title { font-size: var(--t-h2); margin-bottom: var(--s-6); }
.motion .campaigns__list {
  display: grid !important;
  width: auto !important;
  transform: none !important;
  padding: 0 0 0 clamp(28px, 6vw, 56px) !important;
  border-left: 1px solid var(--hairline-gold) !important;
}
.motion .campaign { width: auto !important; padding: 0 !important; }
.motion .campaign::before { opacity: 1 !important; transform: none !important; }
.motion .campaigns__list::after { display: none !important; }
.press__list { animation: none !important; flex-wrap: wrap; white-space: normal; row-gap: var(--s-3); }
.press__rail { -webkit-mask-image: none; mask-image: none; }

/* The bands lose their grounds; a rule keeps them apart. */
.specs,
.empire,
.decorations { border-top: 1px solid var(--hairline-gold); }
.invoice { border: 1px solid var(--hairline-gold); }
.empire__exhibit .invoice { position: relative !important; top: auto !important; }

/* Counters print their final figures, whether or not they have run. */
.count__ghost { visibility: visible !important; }
.count__live { visibility: hidden !important; }

.finale { min-height: auto; padding-block: var(--s-10); }
.finale::before { display: none; }
.finale::after {
  content: "@ieatdrywallformoney on Instagram";
  color: var(--cream-muted);
  font-size: var(--t-fine);
  letter-spacing: 0.02em;
}

.colophon::after {
  content: "Printed from mateidomenti.com, by decree. Display it somewhere he might see it.";
  display: block;
  margin-top: var(--s-4);
  color: var(--cream-muted);
}

.chapter,
.spec,
.decree,
.campaign,
.testimony,
.medal,
.invoice,
.finale { break-inside: avoid; }
h2,
h3 { break-after: avoid; }