/* ============================================================
   Piqt — Founders pages (founders.html / founders-list.html).
   Loaded AFTER styles.css. Adds one new material (brass foil) plus
   the plate/certificate/board primitives those pages share —
   ported from piqt-design-v3/in-progress/founders/.
   ============================================================ */

:root{
  --brass-100:#F6EEDC;
  --brass-200:#E9D6AE;
  --brass:#C9963F;
  --brass-600:#8A5F1E;
  --obsidian:#191712;
  --foil:linear-gradient(135deg,#F0DCAE 0%,#C9963F 46%,#8A5F1E 100%);
}

/* Steve's signature on the "note from the founder" plate — a self-hosted
   script face (see styles.css), not the body sans, so it actually reads
   as signed rather than just another line of the letter. */
.signature{
  font-family:'Mrs Saint Delafield',cursive;
  font-size:34px;
  line-height:1;
  color:var(--brass-600);
  margin-top:6px;
}

/* plate scaffolding */
.plate__grid{display:grid;grid-template-columns:78px 1fr}
.rail{border-right:1px solid var(--border);padding-top:4px}
.rail__num{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--ink-3)}
.plate__body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center;padding-left:clamp(22px,3.4vw,48px)}
.plate__body--wide{grid-template-columns:.85fr 1.15fr;align-items:start}
.plate__copy{max-width:48ch}
.plate__foot{margin-top:18px;font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:11.5px;letter-spacing:.05em;color:var(--ink-3)}
.plate-tag{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:10px;margin-bottom:14px}
.plate-tag::before{content:'';width:20px;height:1px;background:var(--brass)}
.placard{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:11px;color:var(--ink-3);letter-spacing:.05em}
.placard b{color:var(--ink);font-weight:700}

/* brass primitives */
.foil-rule{height:1.5px;background:var(--foil);border-radius:1px;border:0;opacity:.75;margin:0}
.seal{display:inline-grid;place-items:center;background:var(--foil);border-radius:30%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);flex:0 0 auto}
.seal::after{content:'';width:44%;height:44%;border-radius:2px;background:#FCF6E7;box-shadow:0 0 0 1px rgba(25,23,18,.18)}
.seal--sm{width:22px;height:22px}
.seal--md{width:34px;height:34px}
.seal--lg{width:56px;height:56px;border-radius:16px}
.brass-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 7px;border-radius:var(--pill);background:var(--brass-100);border:1px solid var(--brass-200);font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-600)}
.btn--brass{background:var(--obsidian);color:#F7F1E4;position:relative}
.btn--brass:hover{background:#241f18;color:#fff}
.brass-link{color:var(--brass-600);text-decoration:underline;text-decoration-color:var(--brass-200);text-underline-offset:3px}

/* two-column splits */
.f-split{display:grid;gap:clamp(28px,5vw,72px)}
.f-split--hero{grid-template-columns:1.02fr .98fr;align-items:center}
.f-split--top{grid-template-columns:1fr .94fr;align-items:start}
@media (max-width:960px){.f-split--hero,.f-split--top{grid-template-columns:1fr}}

/* the certificate — the Founders hero artefact */
.cert{position:relative;background:var(--obsidian);border-radius:var(--r-lg);padding:4px;box-shadow:0 22px 60px -22px rgba(24,22,18,.5)}
.cert__inner{border:1px solid rgba(201,150,63,.55);border-radius:9px;padding:clamp(24px,3vw,36px)}
.cert__inner::after{content:'';position:absolute;inset:12px;border:1px solid rgba(201,150,63,.22);border-radius:6px;pointer-events:none}
.cert__kicker{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
.cert__no{font-size:clamp(34px,4.6vw,46px);font-weight:800;letter-spacing:-.04em;line-height:1;color:#F7F1E4;margin-top:16px}
.cert__meta{font-size:14px;color:rgba(247,241,228,.6);margin-top:12px}
.cert__rows{margin-top:26px;display:grid;gap:0}
.cert__row{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid rgba(247,241,228,.12);font-size:14px;color:rgba(247,241,228,.78)}
.cert__row b{color:#F7F1E4;font-weight:700}
.cert__row .mono{color:rgba(247,241,228,.6)}

/* promise ledger */
.promise{display:grid;gap:0;margin-top:8px}
.promise__row{display:grid;grid-template-columns:56px 1fr auto;gap:22px;align-items:start;padding:22px 0;border-top:1px solid var(--border)}
.promise__row:last-child{border-bottom:1px solid var(--border)}
.promise__n{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--brass-600);padding-top:4px}
.promise__row h3{font-size:19px;font-weight:800;letter-spacing:-.025em;margin:0 0 8px}
.promise__row p{font-size:15.5px;line-height:1.6;color:var(--ink-2);max-width:56ch}
.promise__state{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;padding-top:5px}

/* signup form */
.signup{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:clamp(24px,3vw,36px);box-shadow:var(--shadow-sm)}
.field{display:grid;gap:8px;margin-top:20px}
.field label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.field input{font:inherit;font-size:16px;padding:14px 16px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--bg-2);color:var(--ink)}
.field input:focus{outline:none;border-color:var(--brass);background:#fff}
.field input::placeholder{color:var(--ink-3)}
.checkrow{display:flex;gap:12px;align-items:flex-start;margin-top:20px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.checkrow input{margin-top:3px;accent-color:var(--brass-600);width:18px;height:18px}
.formnote{font-size:13px;line-height:1.55;color:var(--ink-3);margin-top:18px}

@media (max-width:860px){
  .plate__grid{grid-template-columns:1fr}
  .rail{border-right:0;border-left:2px solid var(--border);padding:0 0 14px 14px}
  .plate__body,.plate__body--wide{grid-template-columns:1fr;padding-left:0;gap:32px}
  .promise__row{grid-template-columns:1fr;gap:8px}
  .promise__state{padding-top:0}
}