/* About — extracted from html/cricbun-about.html */
.principles{padding:72px 0}
.introgrid{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}
.sectionlabel{font-size:.58rem;color:var(--cd);letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.introgrid h2{font-size:clamp(2rem,5vw,3.8rem);line-height:1;letter-spacing:-.065em}
.prose{font:400 1rem/1.75 "Source Serif 4",serif;color:var(--m)}
.prose p+p{margin-top:20px}
.values{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-top:60px}
.value{padding:28px;border-right:1px solid var(--line)}.value:last-child{border:0}
.value b{font-size:2rem;color:var(--c)}
.value h3{font-size:.9rem;margin-top:14px}
.value p{font-size:.59rem;color:var(--m);margin-top:7px}
.proof{background:var(--cp);padding:65px 0}
.proofgrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.proof h2{font-size:2.6rem;line-height:1;letter-spacing:-.06em}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:oklch(84% .04 221);border:1px solid oklch(84% .04 221);border-radius:12px;overflow:hidden}
.fact{background:var(--p);padding:22px}
.fact b{display:block;font-size:1.5rem}
.fact span{font-size:.53rem;color:var(--m)}
.standards{padding:70px 0}
.standardsgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:25px}
.standard{padding:20px 0;border-top:1px solid var(--line)}
.standard h3{font-size:.78rem}
.standard p{font-size:.59rem;color:var(--m);margin-top:7px}
.join{background:var(--navy);color:var(--p);padding:42px;border-radius:14px;display:flex;justify-content:space-between;align-items:center}
.join h2{font-size:2rem;letter-spacing:-.05em}
.join p{font-size:.59rem;color:oklch(75% .015 230);margin-top:6px}
.join a{padding:12px 15px;border-radius:8px;background:var(--c);color:var(--navy);font-size:.57rem;font-weight:800}
@media(max-width:800px){.introgrid{grid-template-columns:1fr}.values{grid-template-columns:1fr}.proofgrid{grid-template-columns:1fr}.standardsgrid{grid-template-columns:1fr}.introgrid,.proofgrid,.values,.standardsgrid{gap:24px}}
@media(max-width:580px){.hero h1{font-size:2.5rem}.values{margin-top:35px}.facts{grid-template-columns:1fr}.fact{border-right:0}.standardsgrid{grid-template-columns:1fr}.join{display:grid;gap:20px;padding:26px}.join a{text-align:center}.join h2{font-size:1.5rem}}