*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
img{display:block;max-width:100%}

:root {
  --ember:#C94B1A; --char:#B33A0F; --amber-glow:#E07B2A; --heat:#F2A83C;
  --canopy:#3D7A52; --lichen:#6FAE7C; --intel-v:#5C4B9E; --intel-mid:#7B68CB;
  --bg:#F5F6F8; --surface:#FFFFFF; --surface-2:#EDEEF2;
  --border:rgba(14,26,43,0.10); --text-h:#0A0F1A; --text-p:#2E3D52;
  --text-s:#5A6678; --text-f:#8A96A6; --card-bg:#FFFFFF;
  --card-border:rgba(14,26,43,0.09); --logo-k:#0A0F1A; --logo-c:#8A96A6;
}
[data-mode="night"] {
  --bg:#0A0D14; --surface:#111622; --surface-2:#181E2E;
  --border:rgba(255,255,255,0.08); --text-h:#FFFFFF;
  --text-p:rgba(255,255,255,0.82); --text-s:rgba(255,255,255,0.55);
  --text-f:rgba(255,255,255,0.35); --card-bg:#181E2E;
  --card-border:rgba(255,255,255,0.08); --logo-k:#FFFFFF;
  --logo-c:rgba(255,255,255,0.35);
}

body { font-family:'Inter',sans-serif; background:var(--bg); color:var(--text-p); min-height:100vh; transition:background .35s,color .35s; }
h1,h2,h3,h4,h5,nav,.logo { font-family:'Space Grotesk',sans-serif; }

/* NAV */
.nav-wrapper { position:fixed; top:18px; left:0; right:0; z-index:200; display:flex; justify-content:center; padding:0 24px; pointer-events:none; }
nav { pointer-events:all; width:75%; max-width:1100px; height:56px; padding:0 20px; display:flex; align-items:center; background:rgba(14,17,26,0.21); border:1px solid rgba(255,255,255,0.10); border-radius:14px; backdrop-filter:blur(20px) saturate(1.5); -webkit-backdrop-filter:blur(20px) saturate(1.5); transition:background .35s,border-color .35s; box-shadow:0 4px 24px rgba(0,0,0,0.35); }
[data-mode="day"] nav { background:rgba(255,255,255,0.23); border-color:rgba(14,26,43,0.10); box-shadow:0 4px 20px rgba(0,0,0,0.10); }
.logo { font-size:18px; font-weight:700; letter-spacing:.01em; display:flex; align-items:center; gap:0; cursor:pointer; text-decoration:none; flex-shrink:0; }
.logo .lk,.logo .lc,.logo .lo,.logo .le{color:#fff}
.logo .lp{color:var(--ember)} .logo .li{color:var(--intel-mid)} .logo .la{color:var(--lichen)}
[data-mode="day"] .logo .lk,[data-mode="day"] .logo .lc,[data-mode="day"] .logo .lo,[data-mode="day"] .logo .le{color:var(--logo-k)}
.nav-spacer{flex:1}
.nav-links{display:flex;align-items:center;gap:4px;margin-right:10px}
.nav-link{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:500;color:rgba(255,255,255,0.65);text-decoration:none;padding:6px 12px;border-radius:8px;transition:all .2s}
.nav-link:hover{color:#fff;background:rgba(255,255,255,0.08)}
.nav-link.active{color:#fff}
[data-mode="day"] .nav-link{color:var(--text-s)}
[data-mode="day"] .nav-link:hover{color:var(--text-h);background:rgba(14,26,43,0.05)}
[data-mode="day"] .nav-link.active{color:var(--text-h)}
.nav-right{display:flex;align-items:center;gap:10px}
.mode-toggle{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);border-radius:8px;padding:6px 14px;cursor:pointer;transition:all .3s;flex-shrink:0}
.mode-toggle:hover{background:rgba(255,255,255,0.14)}
[data-mode="day"] .mode-toggle{background:rgba(14,26,43,0.05);border-color:rgba(14,26,43,0.14)}
[data-mode="day"] .mode-toggle:hover{background:rgba(14,26,43,0.10)}
.mode-icon{font-size:14px;line-height:1}
.mode-label{font-size:11px;font-weight:700;color:rgba(255,255,255,0.65);font-family:'Space Grotesk',sans-serif;letter-spacing:.07em;transition:color .3s}
[data-mode="day"] .mode-label{color:var(--text-s)}
.btn-cta{background:var(--ember);color:#fff;padding:9px 20px;border-radius:8px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;text-decoration:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s;flex-shrink:0;white-space:nowrap}
.btn-cta:hover{background:var(--char)}

/* PAGE HERO */
.page-hero{padding:140px 40px 72px;max-width:1100px;margin:0 auto}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ember);margin-bottom:16px;display:block;font-family:'Space Grotesk',sans-serif}
.page-hero h1{font-size:clamp(34px,4.8vw,56px);font-weight:700;letter-spacing:-.03em;color:var(--text-h);line-height:1.08;margin-bottom:18px;transition:color .35s}
.page-hero p{font-size:clamp(15px,1.5vw,17px);color:var(--text-s);line-height:1.72;max-width:560px;transition:color .35s}
.hero-rule{width:100%;height:.5px;background:var(--border);margin-top:56px}

/* SECTION */
.section{padding:64px 40px;max-width:1100px;margin:0 auto}
.section-label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-f);margin-bottom:32px;display:block;font-family:'Space Grotesk',sans-serif;transition:color .35s}

/* PHOTO AVATARS */
.f-photo{width:80px;height:80px;border-radius:16px;object-fit:cover;object-position:top;margin-bottom:22px;background:var(--surface-2)}
.a-photo{width:60px;height:60px;border-radius:12px;object-fit:cover;object-position:top;margin-bottom:16px;background:var(--surface-2)}
.f-avatar-initials{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;margin-bottom:22px;letter-spacing:-.01em}
.a-avatar-initials{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;margin-bottom:16px}
.founder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.founder-card{background:var(--surface);border:1px solid var(--card-border);border-radius:16px;padding:30px;transition:background .35s,border-color .35s,transform .25s,box-shadow .25s}
.founder-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.09)}
[data-mode="night"] .founder-card:hover{box-shadow:0 16px 40px rgba(0,0,0,0.45)}
.f-avatar{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;margin-bottom:22px;letter-spacing:-.01em}
.f-name{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;color:var(--text-h);margin-bottom:4px;letter-spacing:-.015em;transition:color .35s}
.f-role{font-size:11px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:var(--ember);margin-bottom:16px}
.f-bio{font-size:14px;color:var(--text-s);line-height:1.68;transition:color .35s}
.f-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.f-tag{font-size:11px;font-weight:500;padding:4px 11px;border-radius:20px;border:1px solid var(--border);color:var(--text-f);font-family:'Space Grotesk',sans-serif;transition:all .35s}
.f-email{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:12.5px;color:var(--text-f);text-decoration:none;font-weight:500;transition:color .2s}
.f-email:hover{color:var(--ember)}
.f-email svg{width:13px;height:13px;flex-shrink:0}

/* DIVIDER */
.divider{width:100%;height:.5px;background:var(--border);max-width:1100px;margin:0 auto}

/* ADVISOR CARDS */
.advisor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.advisor-card{background:var(--surface);border:1px solid var(--card-border);border-radius:14px;padding:24px;transition:background .35s,border-color .35s,transform .22s,box-shadow .22s}
.advisor-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,0.08)}
[data-mode="night"] .advisor-card:hover{box-shadow:0 10px 28px rgba(0,0,0,0.4)}
.a-avatar{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;margin-bottom:16px}
.a-name{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:var(--text-h);margin-bottom:3px;letter-spacing:-.01em;transition:color .35s}
.a-role{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--intel-mid);margin-bottom:12px}
.a-bio{font-size:13px;color:var(--text-s);line-height:1.62;transition:color .35s}
.a-domain{margin-top:14px;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-f);font-family:'Space Grotesk',sans-serif}

/* FOOTER */
footer{border-top:1px solid var(--border);padding:28px 40px;transition:border-color .35s}
.footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.footer-contacts{font-size:13px;color:var(--text-f);flex:1;transition:color .35s}
.footer-contacts a{color:var(--text-s);text-decoration:none;transition:color .2s}
.footer-contacts a:hover{color:var(--ember)}
.footer-tagline{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--text-f);font-style:italic;transition:color .35s}

/* FADE */
.fi{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.fi.visible{opacity:1;transform:translateY(0)}
.fi-d1{transition-delay:.05s} .fi-d2{transition-delay:.12s} .fi-d3{transition-delay:.19s}

/* Mobile header consistency: match shared header behavior under 1024px */
@media (max-width: 1024px) {
  nav { width:100%; max-width:100%; padding:0 16px; }
  .nav-links, .nav-right { display: none !important; }
  .nav-hamburger { display: flex !important; }
  .mobile-nav-drawer { display: block !important; }
}