/* Palette sampled from Viviana's approved reference. Photographic media retain their original colours. */
:root{--paper:#ffffff;--sage:#c3c4b7;--silver:#c3c4b7;--ink:#2d2d2d}
html,body,body.clone{background:var(--paper)!important;color:var(--ink)!important}
body :where(h1,h2,h3,h4,p,span,a,button,figcaption,dt,dd,nav){color:var(--ink)}
.home-editorial,.projects-editorial,.portfolio-contact,.journal-body,.journal-top,.journal-footer,.journal-meta,.journal-draft{color:var(--ink)!important}
#sequence .projects-native,.projects-editorial{background:var(--paper)!important}
.portfolio-menu{background:var(--sage)!important;color:var(--ink)!important;box-shadow:none!important}
.portfolio-menu::backdrop{background:var(--ink);opacity:.65}
.collage-paper,.collage-paper:before{background:var(--sage)!important}
.collage-paper,.urban-collage .collage-print{box-shadow:none!important}
body .portfolio-contact,body:has(.home-native) .portfolio-contact{background:var(--paper)!important;color:var(--ink)!important}
.clone-canvas .text,.clone-canvas .text *,.home-editorial *:not(img),.projects-editorial *:not(img),.portfolio-contact *,.portfolio-menu nav a,.journal-top a,.journal-body *,.journal-meta,.journal-deck,.journal-footer *{color:var(--ink)!important}
body a,body a:hover,body a:focus,body a:active{text-decoration:none!important;border-bottom:0!important}
body a:hover,body a:hover *,body a:active,body a:active *{color:var(--silver)!important}
body :focus-visible{outline-color:var(--ink)!important}
.clone-nav{mix-blend-mode:normal!important}
.clone-nav .portfolio-menu-trigger{color:var(--ink)!important}
.portfolio-menu-trigger span{background:var(--ink)!important}
.journal-top,.journal-draft,.journal-footer{border-color:var(--silver)!important}
.moodboard-rail{scrollbar-color:var(--silver) var(--paper)!important}
.moodboard-rail::-webkit-scrollbar-thumb{background:var(--silver)!important}
.editorial-cursor{border-color:var(--ink)!important}
::selection{background:var(--sage);color:var(--ink)}

/* Selected Work returns to charcoal with white editorial text. */
#sequence .projects-native,.projects-editorial{background:var(--ink)!important}
body .projects-editorial,body .projects-editorial *:not(img){color:var(--paper)!important}
body .projects-editorial a:hover,body .projects-editorial a:active{color:var(--sage)!important}
.projects-editorial .moodboard-rail{scrollbar-color:var(--sage) var(--ink)!important}
.projects-editorial :focus-visible{outline-color:var(--paper)!important}
/* Photo galleries scroll without visible scrollbar tracks. */
.moodboard-rail,.scout-strip,.city-library,.widget-slideshow,.images-wrapper{scrollbar-width:none!important;-ms-overflow-style:none!important}
.moodboard-rail::-webkit-scrollbar,.scout-strip::-webkit-scrollbar,.city-library::-webkit-scrollbar,.widget-slideshow::-webkit-scrollbar,.images-wrapper::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* Palette-grey contact panel and colour-only project links. */
body .portfolio-contact,body:has(.home-native) .portfolio-contact{background:var(--silver)!important}
.portfolio-contact .contact-columns{border:0;padding:var(--space-medium,32px)}
body .projects-editorial .project-open-cue{text-decoration:none!important}
body .projects-editorial a:hover .project-open-cue,body .projects-editorial a:focus-visible .project-open-cue{color:var(--silver)!important;text-decoration:none!important}
body .portfolio-contact a:hover,body .portfolio-contact a:focus-visible{color:var(--paper)!important}
@media(max-width:700px){.portfolio-contact .contact-columns{padding:var(--space-small,12px);overflow-wrap:anywhere}}