/* ============================================================
   Orkestriq — /about entity hub. Read-surface chrome from
   read.css; this file owns the about-page content styles.
   ============================================================ */
@import url("/css/read.css");

.lead{font-size:20px;line-height:1.6;color:var(--g900);margin-bottom:34px;text-wrap:pretty}
.container p{margin-bottom:16px;font-size:16.5px}
.container a{color:var(--green);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.container a:hover{text-decoration-thickness:2px}
h2{font-family:'DM Serif Display',serif;font-weight:400;font-size:26px;color:var(--dark);margin:46px 0 16px;letter-spacing:-.01em;line-height:1.2}

/* Company facts — a definition list reads cleanly for both people and crawlers */
.facts{margin:14px 0 0;border-top:1px solid var(--g100)}
.facts>div{display:grid;grid-template-columns:210px 1fr;gap:20px;padding:12px 0;border-bottom:1px solid var(--g100);font-size:15px}
.facts dt{font-weight:600;color:var(--dark);margin:0}
.facts dd{margin:0;color:var(--g900)}

/* Founder */
.founder{display:flex;gap:18px;align-items:center;background:var(--g50);border:1px solid var(--g100);border-radius:14px;padding:20px 24px;margin:16px 0}
.founder-avatar{width:52px;height:52px;flex:none;border-radius:50%;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;letter-spacing:.02em}
.founder-name{font-weight:700;color:var(--dark)}
.founder-role{font-size:14px;color:var(--g600);margin-top:2px}

/* Closing links */
.about-links{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 4px}
.about-links a{text-decoration:none;font-size:15px;font-weight:600;padding:11px 20px;border-radius:10px}
.about-links a.primary{background:var(--dark);color:#fff}
.about-links a.primary:hover{background:var(--green)}
.about-links a.ghost{border:1px solid var(--g200);color:var(--dark)}
.about-links a.ghost:hover{border-color:var(--green);color:var(--green)}

@media(max-width:640px){
  .facts>div{grid-template-columns:1fr;gap:3px;padding:11px 0}
  h2{font-size:23px;margin:36px 0 14px}
}