:root{color-scheme:light}
.theme-toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:38px;block-size:38px;padding:7px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:transparent;cursor:pointer}
.theme-toggle[hidden],.theme-toggle__sun{display:none}
.theme-toggle:hover{border-color:var(--ink)}
html[data-theme=dark]{color-scheme:dark;--paper:#141715;--ink:#edf1e8;--muted:#b2baac;--line:rgba(221,232,213,.22);--signal:#d9ef9a;scrollbar-color:#697761 var(--paper)}
html[data-theme=dark] .theme-toggle__moon{display:none}
html[data-theme=dark] .theme-toggle__sun{display:initial}
html[data-theme=dark] .brand__dot,html[data-theme=dark] .acid-text{color:#c2e18d}
html[data-theme=dark] .project-card__caption>.mono{color:#b2baac}
html[data-theme=dark] .lab-controls{background:#20291d}
html[data-theme=dark] .game-player{background:#20251e}
html[data-theme=dark] .game-player__launch{background:rgba(20,23,21,.88)}
html[data-theme=dark] .mobile-nav{background:var(--paper);color:var(--ink)}
html[data-theme=dark] .round-link:hover,html[data-theme=dark] .filter-button:hover:not(.is-active),html[data-theme=dark] .nav-list li:last-child a:hover{color:#171916}
html[data-theme=dark] .contact-form input::placeholder,html[data-theme=dark] .contact-form textarea::placeholder{color:#a3ad9b}
html[data-theme=dark] .contact-form>.pill-link{color:#171916}
html[data-theme=dark] .contact-form>.pill-link:hover{color:var(--paper)}
html[data-theme=dark] .process-grid>div{border-top-color:var(--line)}
html[data-theme=dark] .client-logo .client-logo__image{filter:grayscale(1) invert(1);mix-blend-mode:screen}
html[data-theme=dark] .client-logo .client-logo__image--invert{filter:brightness(0) invert(1);mix-blend-mode:normal}
html[data-theme=dark] .technology-logo__image[data-logo-tone=mono]{filter:invert(1)}
html[data-theme=dark] .lightbox{color:#ffffff}
@media(max-width:760px){.site-header{column-gap:.625rem}.theme-toggle{inline-size:34px;block-size:34px;padding:5px}.theme-toggle svg{inline-size:20px;block-size:20px}}
@media(max-width:370px){.site-header{column-gap:.5rem}.theme-toggle{inline-size:30px;block-size:30px}}