/* Shared interface colours. Original images, video, and artwork stay untouched. */
:root{color-scheme:light;--ui-paper:#fafaf8;--ui-surface:#f0f0ee;--ui-panel:#e0e4df;--ui-ink:#1c2330;--ui-copy:#505b61;--ui-muted:#58646a;--ui-soft:#657075;--ui-line:#a8b0ad;--ui-focus:#3f7051;--ui-header:rgba(250,250,248,.96);--ui-active:#252c29;--ui-active-text:#ffffff}
:root[data-theme=dark]{color-scheme:dark;--paper:#10151b;--ink:#f0f1ed;--muted:#aab4b9;--line:#414b52;--lime:#33433a;--coral:#becac3;--ui-paper:#10151b;--ui-surface:#181f26;--ui-panel:#222c33;--ui-ink:#f0f1ed;--ui-copy:#c4cccf;--ui-muted:#aab4b9;--ui-soft:#b5bec3;--ui-line:#56636b;--ui-focus:#b6d4bf;--ui-header:rgba(16,21,27,.96);--ui-active:#e7eee7;--ui-active-text:#17221b}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:36px;padding:8px 12px;border:1px solid var(--ui-line);border-radius:50px;background:transparent;color:var(--ui-ink);font:600 11px/1.2 'DM Sans',Arial,sans-serif;cursor:pointer;white-space:nowrap}.theme-toggle:hover{background:var(--ui-panel)}.theme-toggle:focus-visible{outline:2px solid var(--ui-focus);outline-offset:4px}.theme-toggle svg{flex:none}.theme-sun{display:none}[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}.theme-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex:none}.theme-nav-actions .detail-back{flex:none}
/* Strengthen supporting text in both themes without changing typography or spacing. */
.work .section-title-row p,.project-info p,.about-content>p,.expertise-title p,.expertise-item p,.playground-intro p,.contact-lower>p,.details-body>p,.case-story p,.detail-lede p{color:var(--ui-copy)}
.section-meta,.project-number,.work-footnote,.tools-line,.contact-topline,.contact-main>p,.footer,.play-caption>span:first-child,.playground-footnote,.case-note,.nav-center,.case-footer,.case-eyebrow,.case-pills,.gallery-piece figcaption,.gallery-piece figcaption>span:last-child,.detail-meta span:last-child,.detail-header-meta,.gallery-heading>span,.art-card figcaption,.video-card figcaption,.planet-feature-caption,.detail-footer{color:var(--ui-muted)}
.work-filters button,.work-filters button span{color:var(--ui-muted)}.work-filters button[aria-pressed=true]{background:var(--ui-active);color:var(--ui-active-text);border-color:var(--ui-active)}.work-filters button[aria-pressed=true] span{color:inherit}
.about-editorial span:nth-child(2),.about-facts strong span,.playground-intro h2 em,.case-lead h1 em,.gallery-heading h2 em,.detail-title span:last-child{color:var(--ui-soft)}
.about-content .about-lead{color:var(--ui-ink)}
.case-cover-stay figcaption,.case-cover-fruit-delivery figcaption{color:#37453a}
.detail-main--planet .detail-lede p{color:#c9ccca}.detail-main--planet .detail-meta span:last-child{color:#b9c3c7}.detail-main--planet .detail-title span:last-child{color:#f37b78}.detail-next-overline{color:#b8c3c7}
/* Theme surfaces and controls only, with no image filters or inversion. */
[data-theme=dark] body,[data-theme=dark] .hero,[data-theme=dark] .work,[data-theme=dark] .expertise,[data-theme=dark] .contact{background:var(--ui-paper);color:var(--ui-ink)}
[data-theme=dark] .site-header,[data-theme=dark] .site-header.is-scrolled,[data-theme=dark] .detail-header{background:var(--ui-header);color:var(--ui-ink);border-color:var(--line)}
[data-theme=dark] .site-header.is-scrolled{box-shadow:0 1px 0 var(--line)}
[data-theme=dark] .mobile-nav{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--line)}[data-theme=dark] .mobile-nav a{border-color:var(--line)}[data-theme=dark] .menu-toggle{border-color:var(--ui-line)}[data-theme=dark] .menu-toggle span{background:var(--ui-ink)}
[data-theme=dark] .role-line-two{color:#d7dfde}[data-theme=dark] .scroll-progress,[data-theme=dark] .detail-progress{background:var(--ui-ink)}
[data-theme=dark] .playground,[data-theme=dark] .about,[data-theme=dark] .detail-gallery--planet{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--line)}
[data-theme=dark] .about-identity{background:var(--ui-panel);color:var(--ui-ink);border-color:var(--ui-line)}[data-theme=dark] .about-caption{color:var(--ui-copy)}
[data-theme=dark] .section-rule,[data-theme=dark] .eyebrow-rule{background:var(--ui-line)}
[data-theme=dark] .project-info,[data-theme=dark] .work-filters,[data-theme=dark] .work-footnote,[data-theme=dark] .tools-line,[data-theme=dark] .contact,[data-theme=dark] .footer,[data-theme=dark] .play-caption,[data-theme=dark] .playground-footnote,[data-theme=dark] .case-nav,[data-theme=dark] .case-details,[data-theme=dark] .case-story,[data-theme=dark] .gallery-piece figcaption,[data-theme=dark] .detail-lede,[data-theme=dark] .detail-footer,[data-theme=dark] .art-card figcaption,[data-theme=dark] .video-card figcaption{border-color:var(--line)}
[data-theme=dark] .project-open,[data-theme=dark] .nav-back{border-color:var(--ui-ink)}
[data-theme=dark] .nav-contact,[data-theme=dark] .footer-brand,[data-theme=dark] .contact-main h2 span{color:var(--ui-ink)}[data-theme=dark] .desktop-nav a:hover,[data-theme=dark] .nav-contact:hover,[data-theme=dark] .footer a:hover{color:var(--ui-copy)}
[data-theme=dark] .motion-toggle,[data-theme=dark] .case-pills span,[data-theme=dark] .work-filters button{border-color:var(--ui-line)}[data-theme=dark] .motion-toggle:hover{background:var(--ui-panel);color:var(--ui-ink)}[data-theme=dark] .work-filters button[aria-pressed=true]{border-color:var(--ui-active)}
[data-theme=dark] .contact-button-primary{background:var(--ui-active);border-color:var(--ui-active);color:var(--ui-active-text)}[data-theme=dark] .contact-button-primary:hover{background:#cedfce;border-color:#cedfce}[data-theme=dark] .contact-button-secondary{color:var(--ui-ink);border-color:var(--ui-line)}[data-theme=dark] .contact-button-secondary:hover{background:var(--ui-panel)}
[data-theme=dark] .portfolio-art-mobile,[data-theme=dark] .portfolio-art-responsive,[data-theme=dark] .original-screen-set,[data-theme=dark] .detail-pair,[data-theme=dark] .case-layout-mobile .gallery-piece:not(.gallery-piece-set),[data-theme=dark] .case-cover-stay,[data-theme=dark] .case-cover-fruit-delivery{background:var(--ui-panel)}
[data-theme=dark] .case-cover-stay figcaption,[data-theme=dark] .case-cover-fruit-delivery figcaption{color:var(--ui-copy)}[data-theme=dark] .case-note{border-color:var(--ui-line)}
[data-theme=dark] .next-project,[data-theme=dark] .detail-next{background:#222c33;color:var(--ui-ink)}[data-theme=dark] .detail-next:hover{background:#2c3942}
[data-theme=dark] .dialog-panel{background:var(--ui-paper);color:var(--ui-ink)}[data-theme=dark] .dialog-description,[data-theme=dark] .dialog-status p{color:var(--ui-copy)}[data-theme=dark] .dialog-status{background:var(--ui-panel)}
[data-theme=dark] :focus-visible{outline-color:var(--ui-focus)}[data-theme=dark] ::selection{background:#bed4c3;color:#152219}
@media(max-width:1100px) and (min-width:801px){.site-header{gap:22px}.desktop-nav{gap:22px}}
@media(max-width:800px){.site-header{gap:14px}.site-header .brand{margin-right:auto}.site-header .theme-toggle{padding:8px;min-width:36px}.site-header .theme-toggle-label{display:none}.theme-nav-actions{gap:15px}.case-nav .nav-center{display:none}}
@media(max-width:400px){.site-header{gap:10px;padding-left:20px;padding-right:20px}.site-header .brand-name{font-size:16px}.site-header .motion-toggle{padding:8px;gap:5px}.detail-header{padding-left:18px;padding-right:18px;gap:10px}.detail-header .theme-toggle{padding:8px;min-width:36px}.detail-header .theme-toggle-label{display:none}.theme-nav-actions{gap:12px}}
.expertise-num{color:var(--ui-muted)}