/* Naytra — "For investors": full-bleed editorial split (mirrors the Problem section).
   Two equal columns — content left on beige, image right. Light section.
   Fraunces (headline) + DM Sans, system colour/spacing tokens only.
   Depends on tokens.css + base.css. */

.inv{
  --font-serif:'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans:'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  display:grid;grid-template-columns:1fr 1fr;
  min-height:100vh;background:var(--sunk)}

/* Left — content on beige, generous padding + rhythm */
.inv__content{background:var(--sunk);display:flex;flex-direction:column;justify-content:center;
  padding:clamp(var(--space-60),7vw,var(--space-160))}
.inv__inner{max-width:34rem}
.inv__eyebrow{font-family:var(--font-sans);font-weight:600;font-size:12px;line-height:1.2;
  letter-spacing:.16em;text-transform:uppercase;color:var(--accent-700);margin:0 0 var(--space-30)}
.inv__title{font-family:var(--font-serif);font-weight:340;color:var(--ink);
  font-size:clamp(30px,3.8vw,44px);line-height:1.1;letter-spacing:-.02em;margin:0;
  max-width:18ch;text-wrap:balance}
.inv__body{font-family:var(--font-sans);font-weight:400;font-size:17px;
  line-height:1.6;color:var(--ink-2);margin:var(--space-30) 0 0;max-width:42ch}
.inv__cta{margin-top:var(--space-60);align-self:flex-start;border-color:var(--ink)}
.inv__note{font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.5;
  color:var(--ink-3);margin:var(--space-30) 0 0;max-width:40ch}

/* Right — relevant image, filling the half edge-to-edge */
.inv__media{background:var(--sunk) center/cover no-repeat}

@media (max-width:820px){
  .inv{grid-template-columns:1fr;min-height:0}
  .inv__media{order:-1;min-height:clamp(240px,42vh,360px)}
}