.about-dossier-old {
  background-color: #d8bd84;
  background-image:
    linear-gradient(rgba(218,193,139,.18),rgba(186,151,91,.18)),
    url('../images/backgrounds/vintage-parchment.png');
  background-size: auto, cover;
  color: #2f1b0e;
}

.about-dossier-old .dossier-stage {
  border: 3px solid #4b2915;
  border-radius: 5px;
  outline: 1px solid rgba(105,62,27,.72);
  outline-offset: 7px;
  background: #5a351e;
  box-shadow:
    inset 0 0 0 2px rgba(226,190,119,.66),
    inset 0 0 0 6px rgba(62,32,14,.56),
    0 0 0 5px rgba(221,190,128,.58),
    5px 22px 48px rgba(57,32,14,.5);
}

.about-dossier-old .desk-atmosphere {
  filter: sepia(.34) saturate(.82) brightness(1.1) contrast(1.04);
}

@media (min-width: 801px) {
  .about-dossier-old .dossier-main {
    padding: 1.6rem 1.5rem 3.4rem;
  }
}

.about-dossier-old .dossier-cover h2,
.about-dossier-old .paper-page h2,
.about-dossier-old .file-number,
.about-dossier-old .cover-subtitle,
.about-dossier-old .cover-open,
.about-dossier-old .dossier-controls button,
.about-dossier-old .page-status,
.about-dossier-old .dossier-help {
  font-family: "Courier New", Courier, monospace;
}

.about-dossier-old .paper-page:not(.dossier-cover) {
  background-color: #ddc48d;
  background-image:
    linear-gradient(90deg,rgba(67,38,15,.15),transparent 8%,transparent 93%,rgba(66,38,15,.16)),
    linear-gradient(rgba(255,246,214,.12),rgba(176,137,75,.1)),
    url('../images/backgrounds/vintage-parchment.png');
  color: #2d190d;
}

.about-dossier-old .paper-page h2 {
  color: #321b0d;
  -webkit-text-fill-color: #321b0d;
  text-shadow: 0 1px rgba(255,239,198,.5);
}

.about-dossier-old .paper-page p,
.about-dossier-old .sketch-caption {
  color: #321e12;
}

.about-dossier-old .dossier-controls {
  border-color: transparent;
  border-radius: 3px;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.about-dossier-old .dossier-controls button {
  border-color: #b88b3e;
  border-radius: 2px;
  background: #23150d;
  color: #efd59d;
}

.about-dossier-old .page-status,
.about-dossier-old .dossier-help {
  color: #ddc38f;
}

.about-dossier-old .site-footer {
  color: #3b2111;
}

@media (max-width: 800px) {
  .about-dossier-old .dossier-stage {
    border-width: 1px;
    outline: none;
    background: #c5a56c;
    box-shadow: 2px 12px 28px rgba(57,32,14,.3);
  }

  .about-dossier-old .desk-atmosphere {
    display: none;
  }

  .about-dossier-old .mobile-dossier .paper-page {
    border: 1px solid rgba(75,42,19,.5);
    border-radius: 2px;
  }
}