/* About story theme behavior:
   dark mode applies to the story section; the portrait stays on a clean white canvas. */
html[data-theme="dark"] .about-story {
  background: #0b203b !important;
  color: #eef5ff !important;
}
html[data-theme="dark"] .about-story .about-story-body,
html[data-theme="dark"] .about-story .about-story-text {
  background: transparent !important;
  color: #eef5ff !important;
}
html[data-theme="dark"] .about-story .about-story-head h2 {
  color: #f6fbff !important;
}
html[data-theme="dark"] .about-story .about-story-head h2 span,
html[data-theme="dark"] .about-story .about-story-head h2 .dot {
  color: #a0ec00 !important;
}
html[data-theme="dark"] .about-story .about-story-text .section-kicker {
  color: #a0ec00 !important;
}
html[data-theme="dark"] .about-story .about-story-text p,
html[data-theme="dark"] .about-story .about-story-text .about-lead {
  color: #c5d4e5 !important;
}
html[data-theme="dark"] .about-story .about-story-text .about-lead {
  color: #f2f7ff !important;
}
html[data-theme="dark"] .about-story .about-story-text strong {
  color: #ffffff !important;
}
html[data-theme="dark"] .about-story .about-story-text .about-manifesto {
  color: #a0ec00 !important;
}
html[data-theme="dark"] .about-story .about-story-photo {
  background-color: #ffffff !important;
  background-image: url('assets/lime-support-representative.png') !important;
  background-position: center bottom !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  border-radius: 4px;
}
html[data-theme="dark"] .about-story .about-story-photo-caption {
  background: #002b66 !important;
  color: #a0ec00 !important;
}
@media (max-width: 800px) {
  html[data-theme="dark"] .about-story .about-story-photo {
    background-color: #ffffff !important;
  }
}