/* About page — section styles specific to About.html (bio, principles/manifesto,
   dark stack panel, quote). The shared chrome + common dark rules live in theme.css.
   Ported from the prototype's inline <style>; enqueued only on the About page. */

  /* logo */
  .logo-word{display:inline-flex;align-items:baseline;gap:0}
  .logo-word .a{font-weight:700}
  .logo-word .s{font-weight:300;color:var(--ink-2)}
  .logo.footer-logo .logo-word .s{color:#8A8A8F}

  /* ── BIO ── */
  .bio-section{padding:120px 40px;border-bottom:1px solid var(--hair)}
  .bio-pull{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-bottom:64px}
  .bio-quote{font-family:'Inter Tight';font-weight:700;font-size:52px;letter-spacing:-.03em;line-height:1.08;color:var(--ink)}
  .bio-quote em{font-style:italic;color:var(--crimson)}
  .bio-text p{font-size:17px;color:var(--ink-2);line-height:1.65;margin:0 0 18px;max-width:540px}
  .bio-text p:last-of-type{margin-bottom:0}
  .bio-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--hair);padding-top:0}
  .bio-strip .bs{padding:32px 0 0;border-right:1px solid var(--hair);padding-right:32px}
  .bio-strip .bs:last-child{border-right:none}
  .bio-strip .bs .n{font-family:'Inter Tight';font-weight:700;font-size:72px;letter-spacing:-.04em;line-height:.92;margin-bottom:10px}
  .bio-strip .bs .n .u{font-size:40px;color:var(--crimson);vertical-align:top}
  .bio-strip .bs .l{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:1.5}
  .bio-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 40px;border-top:1px solid var(--hair);padding-top:28px;margin-top:32px}
  .bio-facts .k{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
  .bio-facts .v{font-size:15px;color:var(--ink);font-weight:500}

  /* ── PRINCIPLES (manifesto rows) ── */
  .manifesto{padding:120px 40px;border-bottom:1px solid var(--hair)}
  .manifesto-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:48px;align-items:center}
  .mrow{display:grid;grid-template-columns:120px 1fr 1.4fr;gap:40px 64px;border-top:1px solid var(--hair);padding:48px 0;align-items:start}
  .mrow .mn{font-family:'Inter Tight';font-weight:700;font-size:80px;letter-spacing:-.04em;line-height:1;color:var(--hair)}
  .mrow .mt{font-family:'Inter Tight';font-weight:700;font-size:32px;letter-spacing:-.025em;line-height:1.15;color:var(--ink)}
  .mrow .md{font-size:16px;color:var(--ink-2);line-height:1.6;max-width:480px}

  /* ── TIMELINE (alternating rows) ── */
  .chron{padding:120px 40px;border-bottom:1px solid var(--hair)}
  .chron-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:72px}
  .cr{display:grid;grid-template-columns:140px 1fr;gap:48px;border-top:1px solid var(--hair);padding:40px 0;align-items:baseline}
  .cr .yr{font-family:'Inter Tight';font-weight:700;font-size:48px;letter-spacing:-.035em;color:var(--crimson);line-height:1}
  .cr .body{}
  .cr .body .t{font-family:'Inter Tight';font-weight:600;font-size:24px;letter-spacing:-.02em;margin:0 0 10px}
  .cr .body p{font-size:15px;color:var(--ink-2);margin:0;max-width:720px;line-height:1.6}

  /* ── STACK (dark terminal-echo panel) ── */
  .stack-dark{padding:120px 40px;background:var(--ink);border-bottom:1px solid #1C1C1F}
  .stack-dark .eyebrow{color:#8A8A8F}
  .stack-dark .eyebrow::before{background:var(--paper)}
  .stack-dark h2{color:var(--paper);margin:16px 0 64px}
  .stack-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #1C1C1F}
  .stack-col-d{border-right:1px solid #1C1C1F;padding:32px 28px 32px 0}
  .stack-col-d:last-child{border-right:none;padding-right:0}
  .stack-col-d h4{font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#6B6B70;margin:0 0 24px;font-weight:500;padding-bottom:16px;border-bottom:1px solid #1C1C1F}
  .stack-col-d ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}
  .stack-col-d li{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid #1A1A1E}
  .stack-col-d li:last-child{border-bottom:none}
  .stack-col-d li .name{font-family:'Inter Tight';font-weight:500;font-size:18px;color:var(--paper);letter-spacing:-.01em}
  .stack-col-d li .meta{font-family:'JetBrains Mono';font-size:10.5px;color:#6B6B70;letter-spacing:.06em}
  .stack-col-d li:hover .name{color:var(--amber)}

  /* ── QUOTE ── */
  .quote-s{padding:120px 40px;background:var(--ink);color:var(--paper);border-bottom:1px solid #1C1C1F}
  .quote-s .eyebrow{color:#8A8A8F}
  .quote-s .eyebrow::before{background:var(--paper)}

  


  /* Stack section heading stays light on its dark panel */
  [data-theme="dark"] .stack-dark h2 { color: #E7E7E2; }
  /* Quote panel elements stay light on their dark background */
  [data-theme="dark"] .quote-s > div,
  [data-theme="dark"] .quote-s [style*="color:var(--paper)"] { color: #E7E7E2 !important; }
  /* Footer logo wordmark stays light on the dark footer */
  [data-theme="dark"] .footer-logo { color: #E7E7E2 !important; }






  .contact .submit .pill.icon-only{padding:0;width:44px;height:44px;justify-content:center;gap:0;border-radius:50%}
  .contact .submit .pill.icon-only svg{display:block}





  /* ── responsive ── */
  @media (max-width:1024px){
    .bio-section,.manifesto,.chron{padding:80px 24px}
    .bio-pull{grid-template-columns:1fr;gap:40px;margin-bottom:48px}
    .manifesto-intro,.chron-intro{grid-template-columns:1fr;gap:24px}
    .bio-strip{grid-template-columns:repeat(2,1fr)}
    .bio-facts{grid-template-columns:repeat(2,1fr)}
    .mrow{grid-template-columns:80px 1fr;gap:20px 32px}
    .mrow .md{grid-column:2}
  @media (max-width:640px){
    .bio-section,.manifesto,.chron{padding:52px 20px}
    .bio-quote{font-size:34px}
    .bio-text p{font-size:16px;max-width:none}
    .bio-strip{grid-template-columns:1fr 1fr;gap:0 24px}
    .bio-strip .bs{padding-right:16px}
    .bio-strip .bs:nth-child(2n){border-right:none;padding-right:0}
    .bio-facts{grid-template-columns:1fr 1fr;gap:20px 24px}
    .mrow{grid-template-columns:1fr;gap:12px;padding:32px 0}
    .mrow .mn{font-size:52px}
    .mrow .md{grid-column:1}
    .chron-intro{margin-bottom:40px}
    .cr{grid-template-columns:1fr;gap:12px;padding:28px 0}
    .cr .yr{font-size:40px}
    .stack-dark{padding:60px 20px}
    .stack-dark h2{font-size:38px}
    .stack-panel{grid-template-columns:1fr}
    .stack-col-d{border-right:none;border-bottom:1px solid #1C1C1F;padding:24px 0}
    .stack-col-d:last-child{border-bottom:none}