/* Coming-soon page in the Liner Notes skin: Paper and Ink by day, Lamp off and Vellum at night. */
@font-face {
  font-family: "EB Garamond";
  src: url("EBGaramond%5Bwght%5D.ttf") format("truetype");
  font-weight: 400 800;
  font-display: swap;
}
:root {
  --bg: #EEE6D6;      /* Paper */
  --on: #1F1B16;      /* Ink */
  --accent: #89231B;  /* Oxblood (day) */
  --rule: #C9BCA6;    /* Rule */
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #191510;     /* Lamp off */
    --on: #ECE2CF;     /* Vellum */
    --accent: #D4AE6A; /* Brass; night oxblood #771E16 is only a fill, in the icon tile */
    --rule: #4C443A;   /* Rule */
  }
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  display: flex; flex-direction: column;
  background: var(--bg);
  color: var(--on);
  font-family: "EB Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, ui-serif, serif;
  -webkit-font-smoothing: antialiased;
}
main {
  flex: 1 0 auto;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 48px 24px; text-align: center;
}
.icon img {
  display: block; width: clamp(96px, 16vw, 132px); height: auto;
  border-radius: 22.5%;
}
.name {
  margin: 36px 0 0;
  font-size: 1.3125rem; letter-spacing: 0.1em;
  font-variant-caps: all-small-caps;
  color: var(--accent);
}
h1 {
  margin: 4px 0 0;
  font-weight: 400; letter-spacing: -0.015em; line-height: 1;
  font-size: clamp(3.375rem, 11vw, 7.25rem);
}
.line {
  margin: 26px 0 0; padding-top: 22px; max-width: 26em;
  border-top: 1px solid var(--rule);
  font-size: clamp(1.25rem, 2.6vw, 1.5625rem); line-height: 1.4;
}
footer {
  padding: 0 24px 28px; text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-size: 0.875rem; color: var(--on);
}