/* Deep red sampled from the artwork's background: median #610000,
   lower quartile #530000 and dark outer edge #440101 (2026-10-02).
   Presentation only: retain the existing layout and interactions. */
:root {
  --black: #530000;
  --panel: #440101;
  --line: #ad7147;
  --muted: #e6c9a2;
}

body { background: #530000; }
.language-pages { margin: 0; padding: 12px max(28px, 8vw); background: #440101; color: var(--muted); }
.language-pages a { text-decoration: underline; text-underline-offset: 4px; }
.site-header { background: #440101ef; border-bottom-color: var(--line); }
.hero,
.statement,
.pain-points,
.pricing,
.knowledge,
.platform,
.method,
.capabilities,
.engagement,
.ruume,
.major-paint,
.partners,
.privacy,
.join-us,
.case-fit,
.faq,
.consult {
  background: radial-gradient(ellipse at 50% 18%, #610000, #530000 58%, #440101);
  border-color: var(--line);
}
footer { background: #440101; border-color: var(--line); color: var(--muted); }
.hero-glow { background: transparent; }
.logo-aura { display: none; }
.hero-mark img { filter: none; }

.experience-grid article,
.ruume-card,
.market-card > div,
.capability-list article,
.diagnosis-path article,
.diagnosis-contrast article,
.diagnosis-contrast .diagnosis-answer,
.leverage-principle,
.engagement-path,
.engagement-output,
.join-panel,
.case-fit-grid article,
.demo-grid a,
.consult form {
  background: linear-gradient(145deg, #530000, #440101);
  border-color: var(--line);
}
.market-card > .malaysia-feature {
  background: radial-gradient(ellipse at top right, #610000, #530000 50%, #440101);
  border-color: var(--gold);
}
.schedule-preview,
.content-status,
.authority-note,
.partner-flow > div,
.consult-rule,
.consult-understanding-note,
.after-request,
.join-contact,
.faq-contact,
.consult-review,
.consult-progress li,
.consult-back,
.form-status,
.market-card .malaysia-feature .malaysia-capacity,
.market-card .malaysia-urgent {
  background: #440101;
  border-color: var(--line);
}
.consult-progress li.active,
.consult-progress li.complete { background: #610000; border-color: var(--gold); }
.consult input,
.consult textarea,
.language-control select,
.menu,
.nav-project-links { background: #480000; border-color: var(--line); }
.nav-project-links a:hover,
.nav-project-links a:focus-visible { background: #610000; }
.consult input::placeholder,
.consult textarea::placeholder { color: #d7b79a; opacity: 1; }
.form-status.error { background: #480000; color: #ffe4dd; border-color: #ffc8bd; }
.skip-link { background: #440101; }

/* Retain readable secondary text against the deep red background. */
.wordmark small,
.site-header nav,
.site-header nav a,
.nav-projects,
.lead,
.demo-note,
.section-heading > p:last-child,
.ruume-card p,
.privacy p,
.schedule-preview span,
.content-status,
.method-heading > p:last-child,
.diagnosis-contrast li,
.leverage-principle p,
.engagement-intro > p:last-of-type,
.join-principles span,
.consult label,
.consult label > span,
.consult-review dt,
.consult-back,
.consult-progress li,
.consult-progress span,
.form-status,
.footer-links a,
footer > a { color: var(--muted); }

@media (max-width: 900px) {
  .site-header nav { background: #440101; }
}

@media (max-width: 360px) {
  .wordmark { gap: 6px; }
  .wordmark img { width: 40px; height: 40px; }
  .wordmark b { font-size: 15px; letter-spacing: 1.5px; }
  .language-control { margin-right: 6px; }
  .language-control select { padding-inline: 10px; }
}

/* Keep punctuation-free copy readable rather than stretching sentence gaps. */
.hero h1, .section-heading h2 { text-wrap: balance; }
.hero-copy .lead { text-wrap: pretty; }
@media (max-width: 700px) {
  .hero-copy .lead { text-align: start; line-height: 1.85; }
}