/* Work: a restrained, nocturnal system. Shared layout remains in styles.css. */
:root {
  color-scheme: dark;
  --ink: #070d12;
  --ink-soft: #101b25;
  --paper: #eef3f7;
  --cream: #dce6ed;
  --acid: #b3d8ef;
  --blue: #8bb7e8;
  --orange: #e4b495;
  --line-light: #b8cee32b;
  --line-dark: #b8cee32b;
}
body { --page-accent: #b3d8ef !important; isolation: isolate; }
body.editorial-page { background: var(--ink); color: var(--paper); }
.work-galaxy { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; z-index: -1; pointer-events: none; opacity: .78; }
.work-motion { position: fixed; z-index: 41; right: 24px; bottom: 18px; min-height: 40px; padding: 8px 14px; border: 1px solid #bfd9ec30; border-radius: 999px; background: #0b141de8; color: #c7d6e1; font: 12px var(--sans); cursor: pointer; display: flex; align-items: center; gap: 8px; }
.work-motion[hidden] { display: none; }
.menu-open .work-motion { display: none; }
.topbar, .editorial-header, .topbar[data-scrolled], .editorial-header[data-scrolled] { background: #080e16e8; border-color: #bfd9ec25; }
.brand-mark, .editorial-brand b { background: transparent; border: 1px solid #bfd9ec70; color: var(--paper); border-radius: 5px; }
.brand-copy strong, .editorial-brand strong { font-size: 14px; }
.brand-copy small, .editorial-brand small { font-size: 11px; color: #a7bbc9; }
.site-nav a, .editorial-nav a, .top-actions a, .editorial-actions a { font-size: 12px; text-transform: none; letter-spacing: 0; }
.chapter-rail { background: #080e16f5; }
.hero { background: transparent; }
.hero-stage { padding-inline: clamp(24px,5vw,80px); grid-template-columns: 1.2fr .8fr; }
.hero-noise { display: none; }
.hero-copy { padding-top: 30px; }
.hero h1 { font: 500 clamp(58px,6.6vw,106px)/1.06 var(--sans); letter-spacing: -.065em; }
.hero h1 span:nth-child(n) { padding: 0; font-family: var(--sans); font-style: normal; letter-spacing: inherit; color: var(--paper); -webkit-text-stroke: 0; }
.hero h1 span:last-child { color: var(--acid); }
.hero-intro { width: min(460px,100%); margin: 30px 0 0; font-size: 16px; line-height: 1.75; color: #b4c2ce; }
.hero-system { width: min(34vw,430px); align-self: end; margin-bottom: 100px; aspect-ratio: 1; }
.portrait-orbit { width: 32%; }
.portrait-orbit::before { border-color: #b3d8ef50; border-radius: 9px; inset: -6px; }
.portrait-orbit img { border-radius: 5px; border: 0; }
.portrait-orbit span { font-size: 12px; text-transform: none; letter-spacing: 0; }
.hero-meta p, .hero-chapters a, .eyebrow, .section-tag { font-size: 12px; }
.hero-chapters { background: #070d1299; }
.chapter, .chapter--adaptation, .chapter--experience, .chapter--research { background: #080f17; }
.chapter-stage::before, .chapter--recommendations .chapter-stage::before, .chapter--adaptation .chapter-stage::before, .chapter--experience .chapter-stage::before, .chapter--research .chapter-stage::before { background: radial-gradient(ellipse at 74% 50%, #2857742b, transparent 60%); }
.chapter-heading h2, .chapter--adaptation h2, .chapter--research h2 { font-family: var(--sans); font-weight: 500; font-style: normal; letter-spacing: -.055em; }
.chapter--experience h2 { color: var(--acid); }
.agent-scene, .loss-chart, .career-now { background: #111f2beb; border-color: #bfd9ec35; }
.candidate--top { background: #a5d4f210; }
.detail, .detail--paper, .detail--lime, .detail--blue, .detail--cream, .about, .contact { color: var(--paper); background: #0f1923; border-top: 1px solid var(--line-dark); }
.detail:nth-of-type(4n), .contact { background: #0b131c; }
.detail h3, .detail h3 em, .about h2, .about h2 em, .contact h2, .contact h2 em { font-family: var(--sans); font-style: normal; line-height: 1.05; letter-spacing: -.05em; }
.detail-lead h3 { font-size: clamp(36px,4.5vw,68px); }
.detail-lead > p:last-child, .principle-grid p, .research-notes p, .timeline-role > div p, .publication p, .about-copy > p, .contact-intro > p { font-size: 16px; line-height: 1.75; color: #b8c5d1; }
.metric-band span, .timeline-role summary small, .timeline-role li, .about-copy dd { font-size: 13px; }
.timeline-role summary span, .about-copy dt { color: #a9bac8; font-size: 12px; }
.timeline-list, .publication-grid, .publication, .about-copy dl, .about-portrait span, .contact-layout, .timeline-role summary i { border-color: var(--line-dark); }
.timeline-role summary i::before, .timeline-role summary i::after { background: var(--paper); }
.publication:hover { background: #182c3d; }
.paper-stack i:nth-child(3), .paper-front { background: #193043; color: var(--paper); }
.paper-front > div { border-color: #b3d8ef45; }
.about-copy h2 em, .contact h2 em, .about-profile-link:hover { color: var(--acid); }
.contact-orbit { opacity: .18; border-color: var(--acid); }
.contact-form { background: #101f2d; border: 1px solid #a6cee438; box-shadow: none; border-radius: 8px; }
.form-field label, .form-field input, .form-field textarea, .contact-submit { font-size: 14px; }
.editorial-hero { background: linear-gradient(90deg,#070d12df, #070d1233); }
.editorial-hero::before, .editorial-hero::after { display: none; }
.editorial-hero h1 { font-size: clamp(46px,7.5vw,110px); line-height: 1.04; letter-spacing: -.055em; }
.editorial-hero h1 em, .editorial-section-heading h2 em, .editorial-prose > p:first-child, .editorial-fact strong, .editorial-quote, .editorial-cta h2 { font-family: var(--sans); font-style: normal; }
.editorial-section-heading h2 { font-size: clamp(36px,5vw,70px); line-height: 1.1; }
.editorial-section-heading h2 em { color: var(--acid); }
.editorial-shell { background: #070d12f5; }
.editorial-prose p:not(:first-child), .editorial-copy, .editorial-fact p, .editorial-card p, .editorial-project p, .editorial-role p, .editorial-record p { color: #b8c5d1; }
.editorial-section-heading > span, .editorial-portrait figcaption, .editorial-fact span, .editorial-card span, .editorial-project > span, .editorial-record > span, .editorial-role time, .editorial-role h2 small { color: #a7bac9; font-size: 12px; }
.editorial-record, .editorial-fact, .editorial-card, .editorial-project { background: #101b25; }
.editorial-project:hover { background: #182d3e; }
.editorial-tags li, .editorial-record::after { border-color: #b3d8ef40; }
.editorial-tags li, .editorial-topics li, .editorial-link, .editorial-record a { font-size: 12px; }
.editorial-link:hover, .editorial-record a:hover { color: var(--acid); }
.editorial-portrait::after { background: #244059; }
@media (max-width: 780px) {
  .hero-stage { grid-template-columns: 1fr; }
  .hero h1 { font-size: clamp(45px,10vw,76px); }
  .hero-system { width: 160px; height: 120px; margin: 0; justify-self: end; }
  .portrait-orbit { width: 65%; }
  .hero-copy { padding-top: 48px; }
  .work-motion { bottom: 78px; right: 12px; font-size: 11px; }
  .editorial-hero-inner { width: 100%; }
  .brand-copy small { display: none; }
}