/* The artwork keeps its original colours; only the room changes. */
:root{--header-paper:#fffffff5;--menu-shadow:#00000012;--site-header-height:90px;color-scheme:light}
body:has(>.header){padding-top:var(--site-header-height)}
.header{position:fixed;inset:0 0 auto}
:root[data-theme=dark]{--paper:#111310;--ink:#f4f4ed;--muted:#b0b2a9;--line:#363a31;--header-paper:#111310f5;--menu-shadow:#0005;color-scheme:dark}
.header,.chapter-nav{background:var(--header-paper)}
.work-menu{background:var(--paper);border-color:var(--line);box-shadow:0 18px 55px var(--menu-shadow)}
.work-menu-links a{color:var(--muted)}.work-menu-links a:hover,.work-menu-links a:focus-visible{color:var(--ink)}
.gallery-figure button,.home-art-row button{background:none}
dialog,dialog::backdrop,.lightbox-close,.lightbox-navigation button,.project-picker select,.mobile-project-select select,.featured-layout .mobile-project-select select{background:var(--paper)}
a:focus-visible,button:focus-visible,select:focus-visible{outline-color:var(--ink)}
.skip{color:var(--paper)}
[data-theme=dark] ::selection{background:#4b5145;color:#fff}
[data-theme=dark] .art-section-divider,[data-theme=dark] .pixel-boundary::before{background:repeating-linear-gradient(90deg,#686f60 0 2px,transparent 2px 8px)}
[data-theme=dark] .art-section-divider[data-pixels=ready],[data-theme=dark] .art-section-divider[data-pixels=playing]{background:none}
[data-theme=dark] .pixel-dot{background:#929b87}
[data-theme=dark] .plein-track{scrollbar-color:#68705d #242820}
.lights-toggle{flex:none;padding:8px 0;border:0;background:none;font-size:12px;white-space:nowrap}
.lights-toggle:hover{text-decoration:underline;text-underline-offset:5px}
.header{gap:28px}.header nav{margin-left:auto}
.lab-page{--lab-paper:var(--paper);--lab-ink:var(--ink);--lab-muted:var(--muted);--lab-line:var(--line)}
[data-theme-ready=true] body,[data-theme-ready=true] .header,[data-theme-ready=true] .chapter-nav,[data-theme-ready=true] .work-menu,[data-theme-ready=true] dialog,[data-theme-ready=true] .lightbox-close,[data-theme-ready=true] .lightbox-navigation button{transition:background-color .5s ease,color .5s ease,border-color .5s ease}
@media(max-width:700px){
 :root{--site-header-height:104px}
 .header{height:104px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:8px 20px;padding-top:13px;padding-bottom:13px}
 .header .wordmark{grid-column:1;grid-row:1}.header>.lights-toggle{grid-column:2;grid-row:1;font-size:10px;padding:5px 0}
 .header nav{grid-column:1/-1;grid-row:2;width:100%;margin:0;justify-content:space-between;gap:16px}
 .work-menu{top:103px}.chapter-nav{top:103px}html{scroll-padding-top:130px}.art-chapter{scroll-margin-top:175px}
}
@media(prefers-reduced-motion:reduce){[data-theme-ready=true] body,[data-theme-ready=true] .header,[data-theme-ready=true] .chapter-nav,[data-theme-ready=true] .work-menu,[data-theme-ready=true] dialog{transition:none}}