:root {
  --navy: #ffffff !important;
  --deep: #f4f5f2 !important;
  --cyan: #98633f !important;
  --blue: #426b74 !important;
  --white: #202421 !important;
  --muted: #5f6963 !important;
  --line: rgba(32, 36, 33, .16) !important;
}

html,
body {
  background: #fff !important;
  color: #202421 !important;
}

.loader,
.enquiry-modal-panel {
  background: #fff !important;
}

.space-header {
  background: #fff !important;
  box-shadow: 0 1px 0 var(--line);
  left: auto !important;
  position: sticky !important;
  right: auto !important;
  top: 0;
}

.space-header nav.is-open {
  background: rgba(255, 255, 255, .98) !important;
  border: 1px solid var(--line);
  box-shadow: 0 12px 30px rgba(32, 36, 33, .1);
  color: #202421 !important;
}

.waypoint-copy,
.waypoint-lead,
.waypoint h1 span,
.waypoint h2 span {
  text-shadow: none !important;
}

.framework-sticky:before {
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, .96), rgba(255, 255, 255, .72) 48%, transparent 76%) !important;
}

.hud-list span,
.node-labels span,
.proof-grid article,
.project-links a,
.case-study-grid article,
.project-link-static {
  background: rgba(244, 245, 242, .94) !important;
  border-color: var(--line) !important;
}

.method-track article strong,
.method-marker i,
.method-marker b,
.method-tabs,
.method-tabs i {
  color: #68716b !important;
}

.method-track p {
  color: #4d5751 !important;
}

.enquiry-form input,
.enquiry-form select,
.enquiry-form textarea {
  background: #fff !important;
  border-color: var(--line) !important;
  color: #202421 !important;
}

.enquiry-form input::placeholder,
.enquiry-form textarea::placeholder {
  color: #737c76 !important;
}

.enquiry-modal {
  background: rgba(32, 36, 33, .38) !important;
}

.enquiry-modal-panel {
  border-color: var(--line) !important;
  box-shadow: 0 24px 90px rgba(32, 36, 33, .18) !important;
}

#space-canvas {
  opacity: .16 !important;
}

.space-button {
  color: #fff !important;
}

#closing .waypoint-copy .space-button:hover,
#closing .waypoint-copy .space-button:focus-visible {
  background: #7b4b2d !important;
  box-shadow: 0 8px 24px rgba(123, 75, 45, .22) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}

.waypoint-copy .space-button.ghost {
  background: transparent !important;
  color: var(--cyan) !important;
}

#closing .waypoint-copy .space-button.ghost:hover,
#closing .waypoint-copy .space-button.ghost:focus-visible {
  background: var(--cyan) !important;
  color: #fff !important;
}