@font-face {
      font-family: "Manrope Variable";
      font-style: normal;
      font-weight: 200 800;
      font-display: swap;
      src: url(/fonts/manrope-latin-wght.woff2) format("woff2");
    }
    :root {
      color-scheme: dark;
      --bg: #0b0e0c;
      --bg-deep: #080a09;
      --card: #0d1210;
      --ink: #eef3ef;
      --ink-2: #e2e8e4;
      --muted: #c8d2cb;
      --dim: #b4c0b8;
      --line: rgba(255, 255, 255, 0.1);
      --line-soft: rgba(255, 255, 255, 0.07);
      --accent: #aab2ff;
      --accent-strong: #4d5bfa;
      --accent-soft: rgba(170, 178, 255, 0.1);
      --pill: #f2f5f1;
      --f: "Manrope Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    }
    * { box-sizing: border-box; }
    html { overflow-x: clip; }
    body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--f); line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: clip; }
    a { color: inherit; text-decoration: none; }
    p { margin: 0; }
    .wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }

    /* Header — mirrors the landing page */
    .top-wrap { position: sticky; top: 0; z-index: 30; background: rgba(11, 14, 12, 0.82); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
    .top { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 0; }
    .brand { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 650; letter-spacing: -0.04em; }
    .brand svg { width: 27px; height: 27px; border-radius: 8px; flex: none; }
    .top nav { display: flex; gap: 30px; color: #c0c9c3; font-size: 14px; font-weight: 560; }
    .top nav a { transition: color .2s ease; }
    .top nav a:hover, .top nav a[aria-current="page"] { color: #fff; }
    .cta { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 19px; border-radius: 999px; background: var(--pill); color: var(--bg); font-size: 14px; font-weight: 650; transition: opacity .2s ease; }
    .cta:hover { opacity: .85; }

    /* Hero */
    .hero { padding: 84px 0 60px; }
    .eyebrow { display: flex; justify-content: space-between; gap: 16px; color: var(--dim); font-family: var(--mono); font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
    h1 { margin: 44px 0 26px; max-width: 980px; font-size: clamp(2.7rem, 6.4vw, 5.6rem); font-weight: 420; line-height: .94; letter-spacing: -.065em; }
    h1 em { color: var(--accent); font-style: normal; }
    .lead { max-width: 720px; color: var(--ink-2); font-size: clamp(17px, 1.9vw, 19px); font-weight: 500; line-height: 1.72; }

    /* People */
    .grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding-bottom: 72px; }
    .person { display: flex; flex-direction: column; gap: 26px; padding: 30px; border: 1px solid var(--line); border-radius: 22px; background: var(--card); }
    .person-head { display: flex; align-items: center; gap: 18px; }
    .portrait, .initials { width: 84px; height: 84px; border-radius: 18px; flex: none; }
    .portrait { object-fit: cover; border: 1px solid var(--line); background: #151b18; }
    .initials { display: grid; place-items: center; background: var(--accent-soft); color: var(--accent); font-size: 26px; font-weight: 700; }
    h2 { margin: 0; font-size: 27px; font-weight: 560; line-height: 1.1; letter-spacing: -.045em; }
    .role { margin-top: 6px; color: var(--accent); font-size: 14px; font-weight: 650; }
    .location { margin-top: 3px; color: var(--dim); font-size: 13px; }
    .bio { color: var(--ink-2); font-size: 15px; line-height: 1.7; }
    .facts { display: grid; gap: 16px; padding-top: 22px; border-top: 1px solid var(--line-soft); }
    .fact strong { display: block; color: var(--ink); font-size: 14px; font-weight: 650; }
    .fact span { display: block; margin-top: 2px; color: var(--muted); font-size: 14px; line-height: 1.65; }
    h3 { margin: 0 0 10px; color: var(--dim); font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; }
    .tags { display: flex; flex-wrap: wrap; gap: 8px; }
    .tag { padding: 6px 11px; border: 1px solid var(--line); border-radius: 999px; color: #d6ddd8; font-size: 12px; font-weight: 560; }
    .links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line-soft); }
    .links a { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border: 1px solid rgba(170, 178, 255, 0.3); border-radius: 999px; color: var(--accent); font-size: 13px; font-weight: 650; transition: background .2s ease, border-color .2s ease; }
    .links a:hover { background: var(--accent-soft); border-color: rgba(170, 178, 255, 0.55); }

    /* Accomplishments */
    .section { padding: 64px 0 88px; border-top: 1px solid var(--line-soft); }
    .section-head { max-width: 720px; margin-bottom: 30px; }
    h4 { margin: 14px 0 10px; font-size: clamp(28px, 3.6vw, 42px); font-weight: 450; line-height: 1.05; letter-spacing: -.055em; }
    h4 em { color: var(--accent); font-style: normal; }
    .section-head p { color: var(--muted); font-size: 16px; }
    .accomplishments { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    .accomplishment { padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: var(--card); transition: border-color .2s ease; }
    .accomplishment:hover { border-color: rgba(170, 178, 255, 0.35); }
    .accomplishment .num { color: var(--accent); font-family: var(--mono); font-size: 11px; letter-spacing: .1em; }
    .accomplishment h5 { margin: 14px 0 8px; color: var(--ink); font-size: 17px; font-weight: 620; line-height: 1.3; letter-spacing: -.02em; }
    .accomplishment p { color: var(--muted); font-size: 14px; line-height: 1.65; }

    /* Footer — mirrors the landing page */
    footer { background: var(--bg-deep); color: #747f78; font-size: 12px; }
    footer .wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 28px 0; }
    footer nav { display: flex; gap: 20px; }
    footer a { transition: color .2s ease; }
    footer a:hover { color: #dce4df; }

    @media (max-width: 860px) {
      .top nav { display: none; }
      .hero { padding: 56px 0 44px; }
      .eyebrow span:last-child { display: none; }
      h1 { margin-top: 30px; }
      .grid, .accomplishments { grid-template-columns: 1fr; }
      .person { padding: 22px; }
      .portrait, .initials { width: 70px; height: 70px; }
      h2 { font-size: 23px; }
      .section { padding: 48px 0 64px; }
    }
    .hl { padding: 18px 20px; border: 1px solid var(--line-soft); border-radius: 14px; background: rgba(255,255,255,0.02); }
    .hl ul { margin: 0; padding-left: 18px; color: var(--muted); font-size: 14px; line-height: 1.65; }
    .hl li + li { margin-top: 6px; }
    .hl a { color: #d6ddd8; transition: color .2s ease; }
    .hl a:hover { color: var(--accent); }
    .hl a .src { color: var(--dim); }
    .mission { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    .table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 18px; background: var(--card); }
    table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: 14px; }
    th { padding: 14px 18px; border-bottom: 1px solid var(--line); color: var(--dim); font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: .15em; text-align: left; text-transform: uppercase; }
    td { padding: 16px 18px; border-bottom: 1px solid var(--line-soft); color: var(--muted); vertical-align: top; line-height: 1.6; }
    tr:last-child td { border-bottom: 0; }
    td.when { color: var(--ink); font-family: var(--mono); font-size: 12px; white-space: nowrap; }
    td.what { color: var(--ink); font-weight: 620; }
    .badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 650; white-space: nowrap; }
    .badge.done { background: rgba(46,149,99,.14); color: #7fd3a8; }
    .badge.active { background: var(--accent-soft); color: var(--accent); }
    .closer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 88px; padding: 36px 40px; border: 1px solid rgba(170,178,255,.25); border-radius: 22px; background: radial-gradient(120% 140% at 100% 0%, rgba(77,91,250,.22), transparent 60%), var(--card); }
    .closer h4 { margin: 0 0 6px; }
    .closer p { color: var(--muted); max-width: 560px; }
    @media (max-width: 860px) { .mission { grid-template-columns: 1fr; } .closer { padding: 26px 22px; margin-bottom: 64px; } }
  
/* Shared navigation and long-form public page layout. */
.top nav { gap:clamp(12px,1.7vw,24px); }
.top nav a { min-height:44px; display:inline-flex; align-items:center; white-space:nowrap; }
a:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.bio a,.public-copy a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.public-copy { max-width:900px; margin:0 auto 88px; padding:36px; background:var(--card); border:1px solid var(--line); border-radius:22px; color:var(--ink-2); font-size:16px; line-height:1.8; overflow-wrap:anywhere; }
.public-copy h2 { margin:38px 0 14px; font-size:26px; line-height:1.2; color:var(--ink); }
.public-copy h3 { margin:26px 0 10px; font:650 18px/1.4 var(--f); letter-spacing:-.02em; text-transform:none; color:var(--ink); }
.public-copy p { margin:0 0 16px; }
.public-copy ul,.public-copy ol { padding-left:24px; margin:0 0 20px; }
.public-copy li { margin-bottom:8px; }
.public-copy .section { padding:0; border:0; margin:0 0 30px; }
.public-copy :is(.notice,.highlight-box,.contact,.contact-info) { margin:24px 0; padding:22px; border:1px solid var(--line); border-radius:14px; background:var(--accent-soft); }
.public-copy :is(.notice,.highlight-box) { border-left:3px solid var(--accent); }
.public-copy .policy-note { margin-top:38px; padding-top:22px; border-top:1px solid var(--line); font-size:13px; color:var(--muted); }
.public-copy > :first-child { margin-top:0; }
.public-hero { padding:84px 0 60px; }
.public-hero .last-updated { color:var(--muted); font-size:15px; }
.public-footer nav { flex-wrap:wrap; }
#security { scroll-margin-top:140px; }
@media(max-width:1100px){.top{flex-wrap:wrap;gap:10px 20px}.top .cta{margin-left:auto}.top nav{display:flex;order:3;width:100%;justify-content:center;gap:22px}}
@media(max-width:760px){.top nav{justify-content:flex-start;overflow-x:auto;gap:20px;font-size:12px}.top{padding:14px 0}.public-hero{padding:52px 0 38px}.public-copy{padding:22px;margin-bottom:56px}.public-copy h2{font-size:23px}.public-hero h1{font-size:clamp(38px,9vw,64px)}}

/* Readable text at normal browser zoom on dark public pages. */
body { font-weight:500; }
.bio { font-size:17px; line-height:1.75; }
.fact span,.hl ul,.accomplishment p { font-size:16px; line-height:1.75; }
.fact strong { font-size:16px; }
.location { font-size:14px; }
.eyebrow,h3,th { font-size:12px; font-weight:600; letter-spacing:.1em; }
.tag { font-size:13px; }
.public-copy { font-size:17px; }
footer { color:var(--muted); font-size:14px; }
@media(max-width:760px){.bio,.public-copy{font-size:16px}}