/* Theme choice is applied in the document head before the first paint. */
:root{color-scheme:light}.header-controls{display:flex;align-items:center;gap:10px;order:3}#navigation{margin-left:auto}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);color:var(--ink);background:transparent;border-radius:100px;padding:9px 13px;min-height:44px;font-size:.68rem;font-weight:700;white-space:nowrap}.theme-toggle>span:first-child{font-size:1.3rem;line-height:1}.theme-toggle:hover{background:#0069ff10}.gallery figcaption,.video-figure>figcaption{font-size:.65rem;line-height:1.6;margin-top:10px;color:var(--muted)}.page-game #underworld .gallery figcaption,.page-game #underworld .video-figure>figcaption{color:#aeb8cb}.page-game .section-heading>p{margin:0;font-size:.82rem;line-height:1.85}.demo-section{background:white}.demo-section .video-figure{margin-bottom:0}.media-library{max-width:1280px;margin:28px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.media-library summary{padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;font-size:.85rem;font-weight:700;list-style:none}.media-library summary span{font-size:1.5rem;color:var(--blue)}.media-library[open] summary span{transform:rotate(45deg)}.media-library .gallery{margin-top:0;margin-bottom:24px}.clip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:10px 0 28px}.clip-grid .video-figure{margin:0}.page-game #underworld .media-library{border-color:#353b49}.chapter-film{margin-bottom:35px}.page-game .card>p:first-child{font-size:.64rem!important;font-weight:700;letter-spacing:.1em;color:var(--blue)}
:root[data-theme=dark]{--ink:#f0f3fa;--muted:#a8b2c5;--paper:#0e121a;--line:#303849;color-scheme:dark}
[data-theme=dark] .site-header{background:#181e2bf2;border-color:#353d4d;box-shadow:0 10px 40px #0003}
[data-theme=dark] .brand-accent,[data-theme=dark] #navigation a[aria-current],[data-theme=dark] .eyebrow,[data-theme=dark] .faq a,[data-theme=dark] .portfolio-card a,[data-theme=dark] .contact-address,[data-theme=dark] .contact-review a,[data-theme=dark] .stats p:first-child,[data-theme=dark] .page-jumps,[data-theme=dark] .page-game .card>p:first-child{color:var(--light-blue)}
[data-theme=dark] a:hover{color:var(--light-blue)}[data-theme=dark] #navigation>.nav-cta{background:var(--blue);color:white}[data-theme=dark] .nav-cta span{color:white}
[data-theme=dark] .services-section,[data-theme=dark] .final-cta,[data-theme=dark] .original-section,[data-theme=dark] .demo-section,[data-theme=dark] .page-jumps,[data-theme=dark] .section:has(>.stats),[data-theme=dark] .page-game #soundtrack{background:#161c28}
[data-theme=dark] .work-image,[data-theme=dark] .work-card .image{background:#202839}[data-theme=dark] .work-caption>a{border-color:#59667e}[data-theme=dark] .quote-stars{color:var(--light-blue)}[data-theme=dark] .faq{border-color:var(--line)}[data-theme=dark] .process-mini i,[data-theme=dark] .service-list>article>span{color:var(--light-blue)}
[data-theme=dark] .portfolio-filter button{background:#161c28;border-color:#38445d;color:var(--ink)}[data-theme=dark] .portfolio-filter button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}
[data-theme=dark] .project-search input,[data-theme=dark] .planner-grid :is(input,select,textarea),[data-theme=dark] #email-draft{background:#101521;border-color:#3b4861;color:var(--ink)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#99a8bf}
[data-theme=dark] .project-planner-section{background:#101725}[data-theme=dark] .project-planner{background:#1b2434}[data-theme=dark] .copy-draft{color:var(--ink)}[data-theme=dark] .contact-steps li:before{color:var(--light-blue)}
[data-theme=dark] .about-section,[data-theme=dark] .page-projects .section:last-child,[data-theme=dark] .page-game .section:last-child{background:#0647a5}[data-theme=dark] .about-copy .eyebrow,[data-theme=dark] .page-game .section:last-child .eyebrow{color:#b8d4ff}[data-theme=dark] .about-copy .button:hover{color:#004aaf}
.theme-toggle{display:none}.js-ready .theme-toggle{display:flex}
@media(max-width:1000px){.theme-label{display:none}.theme-toggle{width:44px;padding:8px}}
@media(max-width:760px){.header-controls{order:2;gap:7px}#navigation{order:3;margin-left:0}.site-header{gap:0}.theme-toggle{width:42px;min-height:42px}.clip-grid{grid-template-columns:1fr;gap:22px}.media-library summary{font-size:.78rem}.gallery figcaption,.video-figure>figcaption{font-size:.59rem}.page-game .section-heading>p{font-size:.8rem}}