/* Restored charcoal palette. Kept separate so the current layout and motion stay intact. */
:root {
  --ink: #efefe9;
  --black: #101011;
  --line: rgba(239, 239, 233, .23);
  --acid: #e9ff50;
  --hot: #ff4e85;
  --blue: #93c9ff;
}

html, body { background: #101011; color: #efefe9; }
.noise { opacity: .12; mix-blend-mode: normal; }

header, .hero, .work-head, .project, .contact { color: #efefe9; }

.hero {
  background: radial-gradient(circle at 82% 28%, #1e2830 0, transparent 33%), #101011;
}

.hero:before {
  background-image: repeating-linear-gradient(90deg, transparent 0, transparent calc(20% - 1px), rgba(255, 255, 255, .055) calc(20% - 1px), rgba(255, 255, 255, .055) 20%);
}

.hero h1, .work-head h2, .contact h2, .about h2 { color: #efefe9; }
.hero h1 em, .work-head h2 em, .contact h2 em, .about h2 em { color: var(--acid); }
.hero-bottom p { color: #efefe9; }
.hero-bottom p em { color: var(--hot); }

.label, .hero-bottom .cv-link, header p, .menu-button,
.project-number, .project-type, .project-open { color: #efefe9; }

.ticker { background: #efefe9; color: #101011; border-color: transparent; }
.ticker b { color: var(--hot); }

.about { background: #101011; color: #efefe9; }
.about .label { color: var(--acid); }
.about li { border-color: rgba(239, 239, 233, .26); }

.work-head, .project, .contact { background: #101011; }
.project::after { border-color: rgba(239, 239, 233, .28) !important; }
.project:hover, .project:focus-visible { color: #101011; }

.project-deck span {
  background: #101011;
  box-shadow: 0 0 0 1px rgba(239, 239, 233, .42), 12px 12px 0 rgba(0, 0, 0, .42);
}

.cursor { background: var(--acid); color: #101011; mix-blend-mode: exclusion; }
.menu { background: #efefe9; color: #101011; }
.menu a, .menu small { color: #101011; }

.case { background: #101011; color: #efefe9; }
.case-top { color: #101011; }
.case-top h3 { color: #101011; }
.case-top h3 em { color: #101011; }
.case-motion { background: #101011; }
.case-motion .motion-label { color: var(--acid); }

.case-gallery { background: #101011; }
.gallery-copy .label, .gallery-copy p, .gallery-copy small { color: #efefe9; }
.gallery-copy small { border-color: rgba(239, 239, 233, .24); }
.gallery-shuffle { background: #202024; border-color: rgba(239, 239, 233, .25); }
.shuffle-card { background: #101011; box-shadow: 18px 20px 0 rgba(0, 0, 0, .5); }

.case-end { background: var(--acid); color: #101011; }
.close { background: #101011; color: var(--acid); }

.contact:before { color: var(--hot); }
.contact-link, footer, footer a { color: #efefe9; }

@media (max-width: 700px) {
  .hero { background: radial-gradient(circle at 76% 22%, #1e2830 0, transparent 36%), #101011; }
}