/* Soft editorial restyle — pairs with the mid-tone palettes.
   Trades the dark "glow" treatment for flat panels with gentle elevation. */
:root { --radius: 13px; }

/* drop the dark-premium radial glows */
.hero::before,
.edge::before,
.cta::before,
.contact::before { display: none !important; }

/* flat panels with soft shadow + crisp border instead of dark gradients */
.card,
.founder,
.result,
.callout__inner,
.form {
  background: var(--bg-card) !important;
  box-shadow: 0 16px 36px -24px rgba(20, 15, 8, 0.5);
}
.card:hover,
.founder:hover { box-shadow: 0 24px 48px -26px rgba(20, 15, 8, 0.55); }

/* lighten the film grain for mid-tone backgrounds */
body::after { opacity: 0.02; }

/* buttons: slightly tighter, softer shadow */
.btn { border-radius: 12px; box-shadow: 0 10px 24px -14px rgba(20, 15, 8, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25); }
.btn--small { border-radius: 10px; }
.btn--ghost { box-shadow: none; }

/* form fields: soft light panels that read clearly on a mid-tone card */
.field input,
.field select,
.field textarea { background: rgba(255, 255, 255, 0.45); border-radius: 10px; }
.field input:focus,
.field select:focus,
.field textarea:focus { background: rgba(255, 255, 255, 0.7); }

/* portrait ring softened for light cards */
.portrait { background: radial-gradient(120% 120% at 30% 20%, #d8d0c2, #c3b9a8); }