/* Framework 02: Cinematic Noir
   Research roots: SpaceX full-scene discipline, Runway-style cinematic dark UI, premium film-studio landing pages.
   Best for: emotional impact, film/slate presentation, high conviction founder story. */
:root{
  --font-display:Inter, system-ui, sans-serif;
  --font-body:Inter, system-ui, sans-serif;
  --font-label:Inter, system-ui, sans-serif;
  --color-bg:#000000;
  --color-surface:rgba(10,10,10,.62);
  --color-surface-2:#111111;
  --color-text:#f0f0fa;
  --color-muted:rgba(240,240,250,.72);
  --color-subtle:rgba(240,240,250,.48);
  --color-border:rgba(240,240,250,.22);
  --color-accent:#f0f0fa;
  --color-accent-2:#9f9fa8;
  --color-on-accent:#000000;
  --hero-gradient:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.58) 42%,rgba(0,0,0,.22) 100%), radial-gradient(circle at 78% 18%, rgba(255,255,255,.12), transparent 24rem);
  --image-filter:grayscale(.18) contrast(1.08) brightness(.82);
  --radius-xs:0px; --radius-sm:0px; --radius-md:0px; --radius-lg:0px; --button-radius:32px;
  --shadow-soft:none; --shadow-strong:none;
  --hero-size:clamp(3.4rem,8vw,6.9rem); --h2-size:clamp(2.2rem,5.4vw,5rem);
  --tracking-display:.035em; --tracking-label:.13em; --section-y:112px;
  --card-border:1px solid rgba(240,240,250,.18);
  --nav-bg:rgba(0,0,0,.42); --nav-border:1px solid rgba(240,240,250,.14);
}
.hero h1,.section h2,.eyebrow,.nav-links,.button,.brand,.card h3,.person h3{text-transform:uppercase}.hero h1,.section h2{font-weight:800;line-height:.96}.card,.panel,.person,.research-card{backdrop-filter:blur(18px)}