/* Same portrait composition, with monochrome stage light and graphite. */
.experience.portrait-edition.portrait-stage.portrait-monochrome {
  --portrait-paper: #eeece6;
  --portrait-text: #ccccc5;
  --portrait-gold: #ddded6;
  background:
    radial-gradient(ellipse at 13% 25%, #797c7052, transparent 62%),
    linear-gradient(118deg, #2a2d29 0%, #20231f 41%, #161917 82%, #111512 100%);
}
.portrait-monochrome .portrait-frame {
  background: #20231f;
  box-shadow: 0 28px 75px -38px #0009;
}
.portrait-monochrome .portrait-frame > img { filter: grayscale(1) contrast(1.06); }
.portrait-monochrome .portrait-frame::after { background: linear-gradient(transparent, #151815df); }
.portrait-monochrome .portrait-frame figcaption { color: #eeece6; }
.portrait-monochrome .section-index,
.portrait-monochrome .portrait-caption,
.portrait-monochrome .certification > div > span { color: #c3c5bb; }
.portrait-monochrome :is(.section-index, .portrait-caption, .certification) { border-color: #d4d9cc38; }
.portrait-monochrome .direcoes-context a { border-color: #d4d9cc70; }
.portrait-monochrome .experience-lead .pill {
  background: #deded5;
  color: #181b17;
  border-color: #f1f1e9;
}
.portrait-monochrome .experience-lead .pill:hover { background: #f1f1e9; color: #111512; }
.portrait-monochrome :is(a, summary):focus-visible { outline-color: #eeece6; }
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .portrait-monochrome .experience-lead h2 {
    background-image: linear-gradient(112deg, #f0eee7 15%, #d8dacf 60%, #a5ab9e);
  }
}
@media (max-width: 700px) {
  .experience.portrait-edition.portrait-stage.portrait-monochrome {
    background:
      radial-gradient(ellipse at 20% 13%, #797c7052, transparent 42%),
      linear-gradient(165deg, #2a2d29, #1d211d 46%, #111512);
  }
}
@media (prefers-contrast: more), (forced-colors: active) {
  .portrait-monochrome .experience-lead h2 { background: none; }
}
@media (forced-colors: active) {
  .experience.portrait-edition.portrait-stage.portrait-monochrome { background: Canvas; }
  .portrait-monochrome :is(.section-index, .portrait-caption, .certification > div > span) { color: CanvasText; }
}
@media print {
  .experience.portrait-edition.portrait-stage.portrait-monochrome { background: #fff; }
  .portrait-monochrome :is(.section-index, .portrait-caption, .certification > div > span) { color: #222; }
  .portrait-monochrome .experience-lead h2 { background: none; }
}