/* A single reading surface shifts with the project section; no scroll trapping. */
html:has(.island-home){scroll-padding-top:80px}
@media(max-width:799px){html:has(.island-home){scroll-padding-top:58px}}
.island-home.scroll-colour-ready{--reading-surface:#000;--reading-ink:#fff;--reading-muted:#bdbdbd;--reading-accent:#72c4ff;--reading-line:#444;--reading-dark:1}
.island-home.scroll-colour-ready #main{background:var(--reading-surface)}
.island-home.scroll-colour-ready :is(.island-hero,.project-ideas,.previous-work,.island-process,.island-closing){background:transparent;color:var(--reading-ink)}
.island-home.scroll-colour-ready :is(.island-hero h1,.ideas-heading h2,.project-idea-link,.island-process h2,.island-process h3,.island-closing h2){color:var(--reading-ink)}
.island-home.scroll-colour-ready :is(.island-hero p,.ideas-heading p,.project-idea-description,.island-process p,.island-closing p){color:var(--reading-muted)}
.island-home.scroll-colour-ready .island-step-number{color:var(--reading-accent)}
.island-home.scroll-colour-ready .island-process li,.island-home.scroll-colour-ready .island-closing{border-color:var(--reading-line)}
.island-home.scroll-colour-ready .hero-browser-art,.island-home.scroll-colour-ready .hero-lighting{opacity:var(--reading-dark)}
.island-home.scroll-colour-ready :is(.project-idea-link,.work-preview){transition:none}
@media(hover:hover){.island-home.scroll-colour-ready .project-idea-link:hover .project-idea-caption{color:var(--reading-accent)}}