/* Dark mode. Generated by _layout/dark.py; edit that file, not this one. */

:root[data-theme="dark"] { color-scheme: dark; }

:root[data-theme="dark"],
:root[data-theme="dark"] body {
  background-color: #121212;
  color: #e6e6e8;
}

:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] h5,
:root[data-theme="dark"] h6,
:root[data-theme="dark"] .h1 {
  color: #f5f5f7;
}

:root[data-theme="dark"] p,
:root[data-theme="dark"] li,
:root[data-theme="dark"] .main-body-type,
:root[data-theme="dark"] .blog-name-text {
  color: #e6e6e8;
}

:root[data-theme="dark"] .text-secondary,
:root[data-theme="dark"] .image-description,
:root[data-theme="dark"] .photo-caption-link {
  color: #a1a1a8 !important;
}

:root[data-theme="dark"] hr,
:root[data-theme="dark"] .hr2 {
  border-top-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] a:hover {
  color: #f5f5f7;
}

:root[data-theme="dark"] header p,
:root[data-theme="dark"] header h1,
:root[data-theme="dark"] header h2,
:root[data-theme="dark"] header .home-banner-header {
  color: #fff;
}

:root[data-theme="dark"] .bg-white,
:root[data-theme="dark"] .bg-light {
  background-color: #1c1c1e !important;
}

:root[data-theme="dark"] .article-link {
  color: #e6e6e8;
}

:root[data-theme="dark"] .orange-link,
:root[data-theme="dark"] .orange-link:hover {
  color: #ff8a3d;
}

:root[data-theme="dark"] .case-study-btn,
:root[data-theme="dark"] .about-btn,
:root[data-theme="dark"] .writing-btn,
:root[data-theme="dark"] .explore-btn,
:root[data-theme="dark"] .btn-primary2,
:root[data-theme="dark"] .btn-primary3,
:root[data-theme="dark"] .about-action-outline {
  background-color: #121212;
  color: #ff8a3d;
  border-color: #ff8a3d;
}

:root[data-theme="dark"] .btn-secondary {
  background-color: #26262a;
  border-color: #26262a;
  color: #e6e6e8;
}

:root[data-theme="dark"] .portfolio-item,
:root[data-theme="dark"] .writing-item {
  background-color: #1c1c1e;
  box-shadow: 0 20px 60px -30px rgba(0, 0, 0, 0.8);
}

:root[data-theme="dark"] #home-main-content .portfolio-item {
  background-color: #1c1c1e;
}

:root[data-theme="dark"] .home-recent-title::after,
:root[data-theme="dark"] .writing-section-title::after,
:root[data-theme="dark"] .about-section-title::after,
:root[data-theme="dark"] .explore-section-title::after {
  background-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] .home-work-img,
:root[data-theme="dark"] .writing-card-img {
  background-color: #26262a;
}

:root[data-theme="dark"] .home-work-tile p,
:root[data-theme="dark"] .home-work-featured p,
:root[data-theme="dark"] .writing-meta,
:root[data-theme="dark"] .blog-byline-meta,
:root[data-theme="dark"] .about-resume-dates {
  color: #a1a1a8;
}

:root[data-theme="dark"] div.subscribebox,
:root[data-theme="dark"] .writing-newsletter,
:root[data-theme="dark"] .about-stat {
  background-color: #2a1e16;
  border-color: #4a3324;
}

:root[data-theme="dark"] div.subscribebox > p,
:root[data-theme="dark"] .writing-newsletter-text p,
:root[data-theme="dark"] .project-cta-text,
:root[data-theme="dark"] .about-stat p {
  color: #a1a1a8;
}

:root[data-theme="dark"] div.subscribebox #mce-EMAIL,
:root[data-theme="dark"] .writing-newsletter #mce-EMAIL {
  background-color: #121212;
  color: #e6e6e8;
  border-color: #4a3324;
}

:root[data-theme="dark"] #mce-EMAIL::placeholder {
  color: #a1a1a8;
}

:root[data-theme="dark"] .project-cta-email {
  color: #a1a1a8;
}

:root[data-theme="dark"] .newsletter-status.is-success {
  color: #4cd38a;
}

:root[data-theme="dark"] .newsletter-status.is-error {
  color: #ff7b6e;
}

:root[data-theme="dark"] .writing-featured,
:root[data-theme="dark"] .writing-card {
  background-color: #1c1c1e;
  border-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] .writing-excerpt {
  color: #a1a1a8;
}

:root[data-theme="dark"] .container-blog.blog-article,
:root[data-theme="dark"] .blog-article .main-body-type,
:root[data-theme="dark"] .blog-article p,
:root[data-theme="dark"] .blog-article li {
  color: #e6e6e8;
}

:root[data-theme="dark"] .blog-title,
:root[data-theme="dark"] .blog-byline-name,
:root[data-theme="dark"] .blog-article h2,
:root[data-theme="dark"] .blog-article h3,
:root[data-theme="dark"] .blog-article h4,
:root[data-theme="dark"] .blog-article strong,
:root[data-theme="dark"] .blog-article b,
:root[data-theme="dark"] .blog-article .blockquote {
  color: #f5f5f7;
}

:root[data-theme="dark"] .blog-byline {
  border-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] .blog-header .blog-medium-btn {
  background-color: #f5f5f7;
  border-color: #f5f5f7;
  color: #121212;
}

:root[data-theme="dark"] .blog-article .image-description {
  color: #a1a1a8 !important;
}

:root[data-theme="dark"] .about-resume,
:root[data-theme="dark"] .about-exp-card {
  border-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] .about-resume-row + .about-resume-row {
  border-top-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] .about-resume-row:hover {
  background-color: #1c1c1e;
}

:root[data-theme="dark"] .about-resume-company,
:root[data-theme="dark"] .about-section-head .main-body-type,
:root[data-theme="dark"] .about-photo figcaption {
  color: #a1a1a8;
}

:root[data-theme="dark"] .about-link-pill,
:root[data-theme="dark"] .about-resume-dates {
  background-color: #26262a;
  color: #e6e6e8;
}

:root[data-theme="dark"] .about-stat-num {
  color: #f5f5f7;
}

:root[data-theme="dark"] .about-stat .about-stat-sub {
  color: #a1a1a8;
}

:root[data-theme="dark"] .explore-section-emoji {
  background-color: #2a1e16;
}

:root[data-theme="dark"] .recent-project {
  border-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] .recent-project-desc,
:root[data-theme="dark"] .recent-video figcaption,
:root[data-theme="dark"] .recent-project-date {
  color: #a1a1a8;
}

:root[data-theme="dark"] .recent-more-tile {
  background-color: #2a1e16;
  border-color: #4a3324;
}

:root[data-theme="dark"] #topOfPageBtn {
  background-color: rgba(38, 38, 42, 0.85);
  border-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] .card,
:root[data-theme="dark"] .list-group-item,
:root[data-theme="dark"] .modal-content {
  background-color: #1c1c1e;
  color: #e6e6e8;
  border-color: rgba(255, 255, 255, 0.1);
}

:root[data-theme="dark"] .table {
  color: #e6e6e8;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { color-scheme: dark; }

  :root:not([data-theme="light"]),
  :root:not([data-theme="light"]) body {
    background-color: #121212;
    color: #e6e6e8;
  }

  :root:not([data-theme="light"]) h1,
  :root:not([data-theme="light"]) h2,
  :root:not([data-theme="light"]) h3,
  :root:not([data-theme="light"]) h4,
  :root:not([data-theme="light"]) h5,
  :root:not([data-theme="light"]) h6,
  :root:not([data-theme="light"]) .h1 {
    color: #f5f5f7;
  }

  :root:not([data-theme="light"]) p,
  :root:not([data-theme="light"]) li,
  :root:not([data-theme="light"]) .main-body-type,
  :root:not([data-theme="light"]) .blog-name-text {
    color: #e6e6e8;
  }

  :root:not([data-theme="light"]) .text-secondary,
  :root:not([data-theme="light"]) .image-description,
  :root:not([data-theme="light"]) .photo-caption-link {
    color: #a1a1a8 !important;
  }

  :root:not([data-theme="light"]) hr,
  :root:not([data-theme="light"]) .hr2 {
    border-top-color: rgba(255, 255, 255, 0.1);
  }

  :root:not([data-theme="light"]) a:hover {
    color: #f5f5f7;
  }

  :root:not([data-theme="light"]) header p,
  :root:not([data-theme="light"]) header h1,
  :root:not([data-theme="light"]) header h2,
  :root:not([data-theme="light"]) header .home-banner-header {
    color: #fff;
  }

  :root:not([data-theme="light"]) .bg-white,
  :root:not([data-theme="light"]) .bg-light {
    background-color: #1c1c1e !important;
  }

  :root:not([data-theme="light"]) .article-link {
    color: #e6e6e8;
  }

  :root:not([data-theme="light"]) .orange-link,
  :root:not([data-theme="light"]) .orange-link:hover {
    color: #ff8a3d;
  }

  :root:not([data-theme="light"]) .case-study-btn,
  :root:not([data-theme="light"]) .about-btn,
  :root:not([data-theme="light"]) .writing-btn,
  :root:not([data-theme="light"]) .explore-btn,
  :root:not([data-theme="light"]) .btn-primary2,
  :root:not([data-theme="light"]) .btn-primary3,
  :root:not([data-theme="light"]) .about-action-outline {
    background-color: #121212;
    color: #ff8a3d;
    border-color: #ff8a3d;
  }

  :root:not([data-theme="light"]) .btn-secondary {
    background-color: #26262a;
    border-color: #26262a;
    color: #e6e6e8;
  }

  :root:not([data-theme="light"]) .portfolio-item,
  :root:not([data-theme="light"]) .writing-item {
    background-color: #1c1c1e;
    box-shadow: 0 20px 60px -30px rgba(0, 0, 0, 0.8);
  }

  :root:not([data-theme="light"]) #home-main-content .portfolio-item {
    background-color: #1c1c1e;
  }

  :root:not([data-theme="light"]) .home-recent-title::after,
  :root:not([data-theme="light"]) .writing-section-title::after,
  :root:not([data-theme="light"]) .about-section-title::after,
  :root:not([data-theme="light"]) .explore-section-title::after {
    background-color: rgba(255, 255, 255, 0.1);
  }

  :root:not([data-theme="light"]) .home-work-img,
  :root:not([data-theme="light"]) .writing-card-img {
    background-color: #26262a;
  }

  :root:not([data-theme="light"]) .home-work-tile p,
  :root:not([data-theme="light"]) .home-work-featured p,
  :root:not([data-theme="light"]) .writing-meta,
  :root:not([data-theme="light"]) .blog-byline-meta,
  :root:not([data-theme="light"]) .about-resume-dates {
    color: #a1a1a8;
  }

  :root:not([data-theme="light"]) div.subscribebox,
  :root:not([data-theme="light"]) .writing-newsletter,
  :root:not([data-theme="light"]) .about-stat {
    background-color: #2a1e16;
    border-color: #4a3324;
  }

  :root:not([data-theme="light"]) div.subscribebox > p,
  :root:not([data-theme="light"]) .writing-newsletter-text p,
  :root:not([data-theme="light"]) .project-cta-text,
  :root:not([data-theme="light"]) .about-stat p {
    color: #a1a1a8;
  }

  :root:not([data-theme="light"]) div.subscribebox #mce-EMAIL,
  :root:not([data-theme="light"]) .writing-newsletter #mce-EMAIL {
    background-color: #121212;
    color: #e6e6e8;
    border-color: #4a3324;
  }

  :root:not([data-theme="light"]) #mce-EMAIL::placeholder {
    color: #a1a1a8;
  }

  :root:not([data-theme="light"]) .project-cta-email {
    color: #a1a1a8;
  }

  :root:not([data-theme="light"]) .newsletter-status.is-success {
    color: #4cd38a;
  }

  :root:not([data-theme="light"]) .newsletter-status.is-error {
    color: #ff7b6e;
  }

  :root:not([data-theme="light"]) .writing-featured,
  :root:not([data-theme="light"]) .writing-card {
    background-color: #1c1c1e;
    border-color: rgba(255, 255, 255, 0.1);
  }

  :root:not([data-theme="light"]) .writing-excerpt {
    color: #a1a1a8;
  }

  :root:not([data-theme="light"]) .container-blog.blog-article,
  :root:not([data-theme="light"]) .blog-article .main-body-type,
  :root:not([data-theme="light"]) .blog-article p,
  :root:not([data-theme="light"]) .blog-article li {
    color: #e6e6e8;
  }

  :root:not([data-theme="light"]) .blog-title,
  :root:not([data-theme="light"]) .blog-byline-name,
  :root:not([data-theme="light"]) .blog-article h2,
  :root:not([data-theme="light"]) .blog-article h3,
  :root:not([data-theme="light"]) .blog-article h4,
  :root:not([data-theme="light"]) .blog-article strong,
  :root:not([data-theme="light"]) .blog-article b,
  :root:not([data-theme="light"]) .blog-article .blockquote {
    color: #f5f5f7;
  }

  :root:not([data-theme="light"]) .blog-byline {
    border-color: rgba(255, 255, 255, 0.1);
  }

  :root:not([data-theme="light"]) .blog-header .blog-medium-btn {
    background-color: #f5f5f7;
    border-color: #f5f5f7;
    color: #121212;
  }

  :root:not([data-theme="light"]) .blog-article .image-description {
    color: #a1a1a8 !important;
  }

  :root:not([data-theme="light"]) .about-resume,
  :root:not([data-theme="light"]) .about-exp-card {
    border-color: rgba(255, 255, 255, 0.1);
  }

  :root:not([data-theme="light"]) .about-resume-row + .about-resume-row {
    border-top-color: rgba(255, 255, 255, 0.1);
  }

  :root:not([data-theme="light"]) .about-resume-row:hover {
    background-color: #1c1c1e;
  }

  :root:not([data-theme="light"]) .about-resume-company,
  :root:not([data-theme="light"]) .about-section-head .main-body-type,
  :root:not([data-theme="light"]) .about-photo figcaption {
    color: #a1a1a8;
  }

  :root:not([data-theme="light"]) .about-link-pill,
  :root:not([data-theme="light"]) .about-resume-dates {
    background-color: #26262a;
    color: #e6e6e8;
  }

  :root:not([data-theme="light"]) .about-stat-num {
    color: #f5f5f7;
  }

  :root:not([data-theme="light"]) .about-stat .about-stat-sub {
    color: #a1a1a8;
  }

  :root:not([data-theme="light"]) .explore-section-emoji {
    background-color: #2a1e16;
  }

  :root:not([data-theme="light"]) .recent-project {
    border-color: rgba(255, 255, 255, 0.1);
  }

  :root:not([data-theme="light"]) .recent-project-desc,
  :root:not([data-theme="light"]) .recent-video figcaption,
  :root:not([data-theme="light"]) .recent-project-date {
    color: #a1a1a8;
  }

  :root:not([data-theme="light"]) .recent-more-tile {
    background-color: #2a1e16;
    border-color: #4a3324;
  }

  :root:not([data-theme="light"]) #topOfPageBtn {
    background-color: rgba(38, 38, 42, 0.85);
    border-color: rgba(255, 255, 255, 0.1);
  }

  :root:not([data-theme="light"]) .card,
  :root:not([data-theme="light"]) .list-group-item,
  :root:not([data-theme="light"]) .modal-content {
    background-color: #1c1c1e;
    color: #e6e6e8;
    border-color: rgba(255, 255, 255, 0.1);
  }

  :root:not([data-theme="light"]) .table {
    color: #e6e6e8;
  }
}