/* Neutral monochrome finish: removes the former gold accent throughout the site. */
html,
html body,
html body.editorial-page {
  --gold: #c5ced9 !important;
  --gold-light: #f2f4f7 !important;
  --gold-muted: #9ba8b7 !important;
  --accent: #d9e0e8 !important;
  --line: #b9c5d226 !important;
  --glass-border: #b9c5d22e !important;
}

html body .page-heading h1,
html body .collection-heading,
html body .project-summary h2,
html body .portfolio-section h2,
html body .photo-placeholder h2,
html body .work .section-head h2,
html body .curated-work .release-heading h2,
html body .landing-centre h1,
html body .landing-centre h1 i,
html body .site-name strong,
html body .discipline-links > a,
html body .discipline-links small,
html body .case-list > a strong,
html body .next-project strong,
html body .contact-detail .contact-email,
html body .contact-detail > a,
html body .film-caption h2,
html body .contact-intro h2,
html body .contact-intro h2 em {
  color: var(--ink) !important;
}

html body .kicker,
html body .eyebrow,
html body .project-film-heading,
html body .project-film-heading span,
html body .case-list > a span,
html body .case-list > a b,
html body .next-project span,
html body .film-toolbar,
html body .film-caption > span,
html body .contact-column-label,
html body .filter.active {
  color: var(--muted) !important;
}

html body .reference-dock a[aria-current="page"],
html body .reference-dock a:hover,
html body .contact-socials a:hover,
html body .page-footer a:hover,
html body .card:hover h3,
html body .project-tags a:hover {
  color: #fff !important;
}

html body .filter.active,
html body .filter.active:hover {
  background: #d9e0e8 !important;
  border-color: #d9e0e8 !important;
  color: #10151c !important;
}

html body .card-play,
html body .film-close {
  color: #f2f4f7 !important;
  border-color: #c5ced94d !important;
}

html body .contact-intro p {
  border-left-color: #9ba8b7 !important;
}

html body .contact-field input:focus,
html body .contact-field textarea:focus,
html body .contact-socials a:hover,
html body .contact-submit:hover,
html body .card:hover,
html body .project-films .card:hover,
html body .case-list > a:hover {
  border-color: #b9c5d270 !important;
}

html body .contact-submit,
html body .reference-dock a[aria-current="page"],
html body .reference-dock a:hover {
  background: #aebdcd12 !important;
}

html body a:focus-visible,
html body button:focus-visible {
  outline-color: #f2f4f7 !important;
}

/* Cinematic landing-page vignette: clearer centre, darker sides and corners. */
html body.landing-only .portfolio-landing::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 64% 72% at 50% 48%, transparent 18%, rgba(0, 0, 0, .18) 58%, rgba(0, 0, 0, .72) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .08) 34%, rgba(0, 0, 0, .08) 66%, rgba(0, 0, 0, .7) 100%);
}

html body.landing-only .hero-video {
  opacity: .24 !important;
}