

/* interior page hero */
.phero{background:var(--navy);color:#fff;padding:clamp(3.2rem,7vw,5.5rem) 0 clamp(2.6rem,5vw,4rem);position:relative;overflow:hidden}
.phero .crest{position:absolute;right:-60px;bottom:-70px;width:360px;opacity:.05}
.phero h1{color:#fff;font-size:clamp(2.1rem,1.4rem+2.4vw,3.3rem);line-height:1.06;letter-spacing:-.015em;margin:16px 0 0;max-width:20ch;text-wrap:balance}
.phero h1 em{font-style:normal;color:var(--coral)}
.phero .dek{font-family:var(--font-display);font-size:1.18rem;line-height:1.55;color:#C9D4E1;max-width:60ch;margin:20px 0 0}
.phero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.qbar{display:flex;gap:0;flex-wrap:wrap;margin-top:30px;border-top:1px solid rgba(255,255,255,.15)}
.qbar .qi{padding:18px 30px 0 0;margin-right:30px}
.qbar .qk{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8ea1b8}
.qbar .qv{font-family:var(--font-display);font-size:1.9rem;color:#fff;line-height:1.1;margin-top:6px}
.qbar .qv .u{font-size:.9rem;color:#A9B7C6}
/* library cards + filters */
.filters{display:flex;gap:22px;flex-wrap:wrap;margin:0 0 30px;padding-bottom:22px;border-bottom:1px solid var(--hairline)}
.fgroup{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fgroup .fl{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.chip{font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--heading);background:var(--white);border:1px solid var(--hairline);border-radius:999px;padding:6px 14px;cursor:pointer;transition:all .16s var(--ease)}
.chip:hover{border-color:var(--coral);color:var(--coral)}
.chip.on{background:var(--navy);color:#fff;border-color:var(--heading)}
.lib{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.lib{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.lib{grid-template-columns:1fr}}
.lib .fcard{margin:0}
.libcount{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
/* argument timeline */
.parts{display:grid;gap:0;margin-top:8px;border-top:1px solid var(--hairline)}
.part{display:grid;grid-template-columns:120px 1fr auto;gap:24px;padding:22px 0;border-bottom:1px solid var(--hairline);align-items:baseline}
@media(max-width:720px){.part{grid-template-columns:1fr;gap:6px}}
.part .pc{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--coral)}
.part .ph{font-family:var(--font-display);font-size:1.2rem;color:var(--heading);line-height:1.3}
.part .ph a{color:var(--heading)}.part .ph a:hover{color:var(--coral)}
.part .pm{font-family:var(--font-mono);font-size:11px;color:var(--muted);white-space:nowrap}
/* generic prose sections */
.rich{max-width:74ch}
.rich p{font-size:1rem;color:var(--ink);margin:0 0 16px;line-height:1.65}
.rich p.big{font-family:var(--font-display);font-size:1.2rem;color:var(--heading);line-height:1.5}
.rich h3{font-size:1.25rem;margin:30px 0 10px}
.srcnote{font-family:var(--font-mono);font-size:11px;line-height:1.7;color:var(--muted);margin-top:8px;border-top:1px solid var(--hairline);padding-top:14px}
.srcnote b{color:var(--heading)}
/* pillar / step grids reused from home tokens */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:8px}
@media(max-width:820px){.grid3{grid-template-columns:1fr}}
.gcard{background:var(--white);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:26px}
.gcard.dark{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.gcard .n{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--coral);margin-bottom:12px}
.gcard h3{font-size:1.12rem;margin-bottom:8px}
.gcard.dark h3{color:#fff}
.gcard p{font-size:.9rem;color:var(--ink);margin:0;line-height:1.55}
.gcard.dark p{color:#A9B7C6}
/* evidence table */
.etable{width:100%;border-collapse:collapse;margin-top:8px;font-size:.92rem}
.etable th,.etable td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--hairline)}
.etable th{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.etable td b{color:var(--coral)}
.etable tr td:first-child{font-weight:600;color:var(--heading)}
/* status chip + steps (reuse home look) */
.statuschip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--coral);border:1px solid rgba(242,109,90,.45);border-radius:999px;padding:6px 14px;background:rgba(242,109,90,.08)}
.statuschip i{width:7px;height:7px;border-radius:50%;background:var(--coral)}
.road{display:grid;gap:0;border-top:1px solid var(--hairline);margin-top:8px}
.rd{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--hairline)}
@media(max-width:720px){.rd{grid-template-columns:1fr;gap:6px}}
.rd .rk{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--coral)}
.rd b{color:var(--heading);font-family:var(--font-display);font-size:1.08rem;display:block;margin-bottom:4px}
.rd p{margin:0;font-size:.92rem;color:var(--muted);line-height:1.55}
.callout{background:rgba(242,109,90,.08);border:1px solid rgba(242,109,90,.35);border-radius:var(--r-lg);padding:22px 26px;margin-top:26px}
.callout.dark{background:rgba(242,109,90,.1)}
.callout .t{font-family:var(--font-display);font-size:1.05rem;color:var(--heading);line-height:1.5}
.callout.dark .t{color:#fff}
.founder2{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:start;margin-top:8px}
@media(max-width:640px){.founder2{grid-template-columns:1fr}}
.founder2 img{width:132px;height:132px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--coral)}
.founder2 .fn{font-family:var(--font-display);color:var(--heading);font-size:1.4rem}
.founder2 .fc{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:6px 0 14px}
.mvgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}
@media(max-width:720px){.mvgrid{grid-template-columns:1fr}}
.mv{background:var(--white);border:1px solid var(--hairline);border-top:3px solid var(--coral);border-radius:var(--r-lg);padding:26px 28px}
.mv .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--coral);margin-bottom:12px}
.mv p{font-family:var(--font-display);font-size:1.15rem;line-height:1.5;color:var(--heading);margin:0}
.chain2{display:grid;gap:0;border-top:1px solid var(--hairline);margin-top:8px}
.c2{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid var(--hairline);align-items:baseline}
.c2 .cn{font-family:var(--font-mono);color:var(--coral);font-size:12px}
.c2 b{color:var(--heading);font-family:var(--font-display);font-size:1.05rem}
.c2 span{color:var(--muted);font-size:.9rem}
/* films & insights */
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px}
@media(max-width:900px){.vgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.vgrid{grid-template-columns:1fr}}
.vcard{background:var(--white);border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-xs)}
.vcard video{width:100%;aspect-ratio:9/16;background:var(--navy);display:block;object-fit:cover}
.vcard .vb{padding:18px 20px 22px}
.vcard .vtag{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--coral);margin-bottom:9px}
.vcard h3{font-size:1.08rem;line-height:1.25;margin-bottom:12px}
.vcard a{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--heading)}
.vcard a:hover{color:var(--coral)}
.tgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:8px}
@media(max-width:900px){.tgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.tgrid{grid-template-columns:1fr 1fr}}
.tallcard{display:block;border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-xs);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.tallcard:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}
.tallcard img{width:100%;display:block;aspect-ratio:1600/2700;object-fit:cover}
