/* v79 — bold but coordinated chromatic palette.
   Reintroduce electric cyan, hot pink, acid green and ultraviolet into
   selected brand accents; keep surfaces and long-form text calm and legible.
   The city image and user artwork stay unchanged. */
:root{
 --od-bg:#0b1015;--od-surface:#191e25;--od-surface-raised:#242b33;
 --od-ink:#f7f3ec;--od-muted:#bdcbd0;--od-cool:#7ce7f5;
 --od-hot:#ff739c;--od-acid:#d2ff4a;--od-violet:#bda5ff;
 --od-line:rgba(159,181,189,.26);--night:#0b1015;--deep:#10171e;
 --ice:#f7f3ec;--coral:#ff739c;--pink:#ff739c;--cyan:#7ce7f5;
 --amber:#d2ff4a;--acid:#d2ff4a;--violet:#bda5ff
}
html body,html body .views{background-color:#0b1015!important;color:#f7f3ec!important}
html body .topbar{background-color:rgba(11,16,21,.95)!important;border-bottom-color:rgba(156,177,185,.25)!important}
html body .topbar .nav a{color:#d5dce1!important}
html body .topbar .nav a.active,html body .topbar .nav a:hover{background:#d2ff4a!important;color:#121b20!important}
html body .topbar .menu-toggle{color:#dce5e8!important;border-color:rgba(154,181,189,.4)!important}
/* Keep the large Dirtyline composition; pair warm and cool materials. */
html body #home .index-name-lockup .name-line-primary{color:#f7f3ec!important;-webkit-text-fill-color:#f7f3ec!important}
html body #home .index-name-lockup .name-line-secondary{color:#89e7f4!important;-webkit-text-fill-color:#89e7f4!important}
html body #home .index-name-block .index-alias,
html body #home .index-topline,html body #home .menu-heading{color:#d0dfe5!important}
html body #home .index-description>p{color:#e7e8e6!important;border-left-color:#7ce7f5!important}
html body #home .index-screen{background-color:#0b1015!important}
/* Distinctive titles, common palette. */
html body #home .cat-anim2d{--local:#ff739c!important}
html body #home .cat-anim3d{--local:#7ce7f5!important}
html body #home .cat-art2d{--local:#d2ff4a!important}
html body #home .cat-story{--local:#bda5ff!important}
html body #home .cat-projects{--local:#7ce7f5!important}
html body #home .category-menu>.category-card .category-title{color:#f7f3ec!important}
html body #home .cat-anim2d .type-lettering{color:#f7f3ec!important;-webkit-text-fill-color:#f7f3ec!important}
html body #home .cat-anim3d .type-lettering,html body #home .cat-anim3d .type-lettering-dreidee{
 color:#edf5f2!important;-webkit-text-fill-color:#edf5f2!important;
 text-shadow:1px 1px 0 #82949a,2px 2px 0 #4d5f69,3px 3px 0 #273740!important}
html body #home .cat-art2d .type-lettering{color:#d2ff4a!important;-webkit-text-fill-color:#d2ff4a!important}
html body #home .cat-story .type-lettering{color:#f7f3ec!important;-webkit-text-fill-color:#f7f3ec!important}
html body #home .cat-story .story-amp,html body #work[data-cat="storyboard"] #workHeading .story-amp{
 color:#d2ff4a!important;-webkit-text-fill-color:#d2ff4a!important}
html body #home .category-menu>.category-card .type-lettering-readable{
 color:#d6dce0!important;border-left-color:var(--local)!important}
html body #home .category-menu>.category-card .category-visual{border-color:rgba(165,188,195,.16)!important}
html body #home .category-menu>.category-card .category-info{border-top-color:rgba(163,182,190,.28)!important}
html body #home .category-menu>.category-card .category-info p{color:#bbc9ce!important}
html body #home .category-menu>.category-card .category-arrow{color:var(--local)!important}
/* Coordinated, still colorful paper cutouts. */
html body #home .cat-projects .collage-piece.piece-one{
 background:#ff739c!important;color:#111922!important;-webkit-text-fill-color:#111922!important}
html body #home .cat-projects .collage-piece.piece-two{
 background:#f7f3ec!important;color:#111922!important;-webkit-text-fill-color:#111922!important}
html body #home .cat-projects .collage-piece.piece-three{
 background:#7ce7f5!important;color:#111922!important;-webkit-text-fill-color:#111922!important}
html body #home .cat-projects .collage-piece.piece-four{
 background:#d2ff4a!important;color:#111922!important;-webkit-text-fill-color:#111922!important}
html body #home .od-cross,html body #home .od-plus-corner{color:#7ce7f5!important}
html body #home .index-footer.od-footer-v76{
 border-top-color:rgba(159,181,189,.28)!important;color:#b4c1c4!important}
html body #home .od-footer-contact a,html body #home .od-social-links a{color:#dbe5e7!important}
html body #home .od-social-links a{
 border-color:rgba(159,181,189,.28)!important;background-color:#171f25!important}
html body #home .od-footer-contact a:hover,html body #home .od-social-links a:hover{color:#d2ff4a!important}
html body #home .od-social-links a:hover{border-color:#d2ff4a!important}
html body #home .od-footer-contact a:focus-visible,html body #home .od-social-links a:focus-visible{outline-color:#d2ff4a!important}
/* All sections inherit these materials, with type styles left unchanged. */
html body #work .work-section,html body #about .about-section,html body #contact .contact-section{background-color:#0b1015!important}
html body #work .section-heading h2,html body #about .about-content h2,
html body #contact .contact-section h2,html body .project-meta h3{color:#f7f3ec!important}
html body #work[data-cat="animation2d"] #workHeading{color:#f7f3ec!important;-webkit-text-fill-color:#f7f3ec!important}
html body #work[data-cat="animation3d"] #workHeading{color:#edf5f2!important;-webkit-text-fill-color:#edf5f2!important}
html body #work[data-cat="art2d"] #workHeading{color:#d2ff4a!important;-webkit-text-fill-color:#d2ff4a!important}
html body #work[data-cat="storyboard"] #workHeading{color:#f7f3ec!important;-webkit-text-fill-color:#f7f3ec!important}
html body #work .section-aside,html body #about .about-copy,
html body #contact .contact-bottom,html body .project-meta p{color:#c8d3d5!important}
html body #about .about-content h2 em{color:#89e7f4!important}
html body #about .skills span{color:#c8d3d5!important;border-color:rgba(159,181,189,.32)!important}
html body #work .back-index,html body #about .back-index,html body #contact .back-index{color:#c8d3d5!important}
html body #contact .contact-email{color:#ffb0c3!important}
html body #contact .social-links a{color:#d0dfe5!important}
html body #work .project-image,html body #work .project-card{border-color:rgba(159,181,189,.22)!important}
html body #motionToggle{
 border-color:#d2ff4a!important;color:#f4f4f0!important;background-color:#111a1f!important;
 box-shadow:0 0 0 1px rgba(11,16,21,.78)!important}
html body #motionToggle .motion-indicator{background:#d2ff4a!important}
html body #motionToggle .motion-toggle-tag{background-color:#d2ff4a!important;color:#111a1f!important}

/* A small number of vivid anchors repeat throughout the entire system. */
:root{--od-hot:#ff739c;--od-cool:#7ce7f5;--od-acid:#d2ff4a;--od-violet:#bda5ff;
--coral:#ff739c;--pink:#ff739c;--cyan:#7ce7f5;--acid:#d2ff4a;--violet:#bda5ff;
--od-ink:#f7f3ec;--od-muted:#bdcbd0}
/* Keep the main title's first line bright and the signature line electric. */
html body #home .index-name-lockup .name-line-primary{
  color:#f7f3ec!important;-webkit-text-fill-color:#f7f3ec!important
}
html body #home .index-name-lockup .name-line-secondary{
  color:#7ce7f5!important;-webkit-text-fill-color:#7ce7f5!important
}
html body #home .index-name-block .index-alias{
  color:#e5e9e7!important
}
/* A high-contrast but limited number of purposeful color highlights. */
html body #home .cat-art2d .type-lettering,
html body #work[data-cat="art2d"] #workHeading {
  color:#d2ff4a!important;-webkit-text-fill-color:#d2ff4a!important
}
html body #home .cat-story .story-amp,
html body #work[data-cat="storyboard"] #workHeading .story-amp {
  color:#d2ff4a!important;-webkit-text-fill-color:#d2ff4a!important
}
html body #home .cat-anim3d .type-lettering,
html body #home .cat-anim3d .type-lettering-dreidee{
  text-shadow:1px 1px 0 #9bd6df,2px 2px 0 #4e8da3,3px 3px 0 #244252!important
}
html body #home .category-menu>.category-card .type-lettering-readable{
  color:#e2e9e9!important;border-left-color:var(--local)!important
}
html body #home .category-menu>.category-card .category-arrow{
  color:var(--local)!important
}
html body #home .category-menu>.category-card .category-visual {
  border-color:rgba(156,205,223,.27)!important
}
html body #home .od-social-links a:hover,html body #home .od-footer-contact a:hover {
  color:#d2ff4a!important
}