/* ============================================================
   Kiara — production overrides (loaded on every page, after the
   verbatim design CSS). Keep this file MINIMAL and well-commented:
   colors_and_type.css, css/kit.css and css/pages.css are kept exactly
   as exported from Claude Design so they can be re-synced cleanly —
   intentional production deltas live here instead.
   ============================================================ */

/* Hero "escape" image — keep it atmospheric, never a primary backdrop.
   Brand Bible guardrail: avoid tropical-waterfall-as-primary-backdrop.
   (The prototype only looked subtle because its hero image was truncated;
   with the full-res image we dial opacity down and deepen the gradient veil.
   To restore the design's literal 0.5, delete this block.) */
.khero-escape { opacity: 0.30; }
.khero-escape::after {
  background: linear-gradient(180deg,
    rgba(26, 16, 64, 0.62) 0%,
    rgba(58, 47, 134, 0.44) 45%,
    rgba(201, 51, 139, 0.46) 100%);
}