:root {
  color-scheme: dark;
  --ink: #07111d;
  --navy: #08203a;
  --navy-2: #0c2a43;
  --panel: #0d2538;
  --cream: #ead8b7;
  --paper: #efe4cf;
  --muted: #d4c3a4;
  --gold: #d08a29;
  --gold-2: #e5aa46;
  --teal: #2d8f91;
  --red: #9b2f21;
  --line: rgba(208, 138, 41, 0.48);
  --soft-line: rgba(234, 216, 183, 0.12);
  --max: 1440px;
  --sans: "Arial Narrow", Arial, sans-serif;
  --serif: Georgia, "Times New Roman", serif;
  --mono: "Trebuchet MS", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { overflow-x: hidden; }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 72% 12%, rgba(208,138,41,.18), transparent 24rem),
    linear-gradient(135deg, rgba(255,255,255,.04) 0 1px, transparent 1px 58px),
    var(--ink);
  color: var(--cream);
  font-family: var(--sans);
  line-height: 1.5;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.skip-link { position:absolute; left:16px; top:8px; z-index:50; transform:translateY(-140%); background:var(--gold); color:#07111d; padding:10px 14px; font-weight:900; }
.skip-link:focus { transform:translateY(0); }
.level-bar { min-height:44px; display:flex; align-items:center; justify-content:space-between; padding:0 42px; background:#030507; color:var(--gold-2); font:900 .84rem/1 var(--mono); letter-spacing:.16em; text-transform:uppercase; }
.site-header { border-bottom:1px solid var(--line); background:rgba(6,18,31,.94); position:sticky; top:0; z-index:20; }
.nav { width:min(var(--max), calc(100% - 64px)); min-height:86px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:30px; position:relative; }
.brand { display:flex; align-items:center; gap:18px; font:400 1.7rem/1 var(--serif); letter-spacing:.08em; text-transform:uppercase; }
.monogram { color:var(--gold); font:700 2.7rem/.8 var(--serif); letter-spacing:-.16em; width:46px; }
.nav-links { display:flex; align-items:center; gap:28px; color:var(--paper); font:900 .78rem/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.nav-links a { min-height:36px; display:inline-flex; align-items:center; border-bottom:2px solid transparent; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color:#fff; border-color:var(--gold); }
.nav-toggle { display:none; width:44px; height:44px; border:1px solid var(--line); background:rgba(255,255,255,.03); color:var(--cream); align-items:center; justify-content:center; flex-direction:column; gap:4px; }
.nav-toggle span,.nav-toggle:before,.nav-toggle:after { content:""; width:19px; height:2px; background:currentColor; }
.hero { width:min(var(--max), 100%); margin:0 auto; min-height:650px; display:grid; grid-template-columns:minmax(0, .92fr) minmax(420px, 1.25fr); border-bottom:1px solid var(--line); position:relative; overflow:hidden; background:linear-gradient(90deg, rgba(8,32,58,.92), rgba(8,32,58,.72)); }
.hero-copy { padding:70px 70px 56px; position:relative; z-index:2; }
.kicker,.label { color:var(--gold-2); font:900 .96rem/1.2 var(--mono); letter-spacing:.22em; text-transform:uppercase; }
h1,h2,h3 { margin:0; font-family:var(--serif); font-weight:400; line-height:.96; }
h1 { max-width:10.8ch; margin-top:24px; font-size:clamp(3.35rem, 5.05vw, 5.45rem); text-transform:uppercase; }
.gold { color:var(--gold); }
.hero p { max-width:560px; margin:28px 0 0; color:#fff; font:1.25rem/1.45 Arial, sans-serif; }
.hero-era-line { border-left:3px solid var(--gold); padding-left:18px; color:var(--cream) !important; font-weight:700 !important; }
.hero-proof {
  max-width: 620px;
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.hero-proof span {
  min-height: 84px;
  padding: 14px;
  border: 1px solid var(--soft-line);
  background: rgba(255,255,255,.04);
  color: var(--paper);
  font: .92rem/1.35 Arial, sans-serif;
}
.hero-proof b {
  display: block;
  color: var(--gold-2);
  font: 900 1.45rem/1 var(--mono);
  letter-spacing: .06em;
  margin-bottom: 8px;
}
.actions { display:flex; flex-wrap:wrap; gap:22px; margin-top:36px; }
.button { min-height:58px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--gold); padding:0 24px; background:linear-gradient(90deg, #d89536, #e7b85a); color:#06111d; font:900 .9rem/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.button.secondary { background:rgba(8,32,58,.72); color:var(--cream); }
.button:after { content:"->"; margin-left:14px; font-size:1.3em; }
.hero-art { position:relative; min-height:620px; overflow:hidden; }
.geo { position:absolute; inset:0; background:
  radial-gradient(circle at 48% 44%, rgba(208,138,41,.82) 0 19%, transparent 19.2%),
  linear-gradient(135deg, transparent 0 38%, rgba(155,47,33,.86) 38% 48%, transparent 48%),
  linear-gradient(132deg, transparent 0 58%, rgba(234,216,183,.72) 58% 64%, transparent 64%),
  linear-gradient(115deg, transparent 0 67%, rgba(45,143,145,.52) 67% 75%, transparent 75%);
  opacity:.92;
}
.city { position:absolute; left:10%; right:0; bottom:0; height:42%; background:linear-gradient(to top, #020406 0 70%, transparent 70%); clip-path:polygon(0 100%,0 70%,7% 70%,7% 55%,13% 55%,13% 72%,20% 72%,20% 48%,27% 48%,27% 68%,36% 68%,36% 35%,43% 35%,43% 64%,51% 64%,51% 28%,58% 28%,58% 62%,68% 62%,68% 42%,75% 42%,75% 66%,88% 66%,88% 34%,95% 34%,95% 100%); opacity:.88; }
.portrait { position:absolute; right:5%; bottom:0; width:min(520px, 70%); max-height:92%; object-fit:cover; object-position:center top; filter:saturate(.8) contrast(1.06); border-left:1px solid rgba(208,138,41,.25); }
.icon-strip { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:repeat(7,1fr); border-bottom:1px solid var(--line); border-top:1px solid var(--line); background:rgba(7,22,36,.96); }
.icon-card { min-height:190px; padding:30px 22px; border-right:1px solid var(--line); text-align:center; }
.icon-card[href] { color:inherit; text-decoration:none; transition:background .18s ease, transform .18s ease; }
.icon-card[href]:hover,.icon-card[href]:focus-visible { background:rgba(8,32,58,.9); transform:translateY(-2px); }
.icon { color:var(--gold); font-size:2.5rem; line-height:1; margin-bottom:18px; }
.icon-card h3 { font:900 .95rem/1.15 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.icon-card p { color:var(--paper); font:1rem/1.35 Arial,sans-serif; }
.tile-grid { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:1.1fr .9fr 1.05fr 1fr; border-bottom:1px solid var(--line); }
.feature-tile { min-height:520px; border-right:1px solid var(--line); display:grid; grid-template-rows:1fr auto; background:rgba(9,34,53,.9); }
.tile-art,.poster,.case-art,.legacy-collage { min-height:250px; background:
  radial-gradient(circle at 42% 35%, rgba(208,138,41,.75) 0 22%, transparent 22.4%),
  linear-gradient(135deg, rgba(155,47,33,.85) 0 22%, transparent 22%),
  linear-gradient(125deg, transparent 0 48%, rgba(234,216,183,.64) 48% 55%, transparent 55%),
  linear-gradient(45deg, rgba(45,143,145,.65), transparent 45%),
  var(--navy-2);
}
.tile-body { padding:34px 42px; }
.tile-body h2,.section-title { color:var(--gold); font-size:2.1rem; letter-spacing:.05em; text-transform:uppercase; }
.tile-body p,.tile-body li { color:var(--paper); font:1rem/1.55 Arial,sans-serif; }
.tile-body ul { padding:0; list-style:none; display:grid; gap:12px; }
.tile-body li:before { content:"*"; color:var(--gold); margin-right:10px; }
.mini-metrics { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:22px; }
.mini { border:1px solid var(--soft-line); padding:18px; background:rgba(255,255,255,.03); }
.mini strong { display:block; color:var(--cream); font:2rem/1 var(--serif); margin:8px 0; }
.connect-actions {
  width: min(var(--max), 100%);
  margin: 0 auto;
  padding: 34px 42px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  border-bottom: 1px solid var(--line);
  background: rgba(5,17,29,.86);
}
.connect-actions .button {
  width: 100%;
  min-height: 66px;
  text-align: center;
}
.proof-strip,
.case-proof {
  width: min(var(--max), 100%);
  margin: 0 auto;
  padding: 54px 58px 64px;
  border-bottom: 1px solid var(--line);
  background: rgba(5, 17, 29, .88);
}
.era-timeline-section {
  width: min(var(--max), 100%);
  margin: 0 auto;
  padding: 54px 58px 64px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(8,32,58,.92), rgba(5,17,29,.92));
}
.proof-head {
  max-width: 920px;
  margin-bottom: 30px;
}
.proof-head h2 {
  color: var(--gold);
  font-size: clamp(2.25rem, 3.65vw, 3.9rem);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.proof-head p:not(.label) {
  color: var(--paper);
  font: 1.08rem/1.58 Arial, sans-serif;
}
.proof-grid,
.case-proof-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.era-timeline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin-top: 34px;
  border: 1px solid var(--line);
  background: var(--line);
}
.era-timeline article {
  min-height: 300px;
  padding: 26px 22px;
  background: rgba(7,17,29,.94);
  display: grid;
  align-content: start;
  gap: 12px;
}
.proof-grid article,
.case-proof-grid article {
  min-height: 300px;
  padding: 26px;
  border: 1px solid var(--soft-line);
  background: rgba(8, 32, 58, .72);
}
.proof-grid span {
  display: block;
  color: var(--gold-2);
  font: 900 .72rem/1.2 var(--mono);
  letter-spacing: .13em;
  text-transform: uppercase;
}
.era-timeline span {
  display: block;
  color: var(--gold-2);
  font: 900 .72rem/1.2 var(--mono);
  letter-spacing: .13em;
  text-transform: uppercase;
}
.era-timeline strong {
  display: block;
  color: var(--cream);
  font: 2rem/.98 var(--serif);
}
.era-timeline p {
  margin: 0;
  color: var(--paper);
  font: .98rem/1.48 Arial,sans-serif;
}
.era-table {
  display: grid;
  gap: 1px;
  margin-top: 34px;
  border: 1px solid var(--line);
  background: var(--line);
}
.era-row {
  display: grid;
  grid-template-columns: .72fr 1.45fr 1fr;
  gap: 0;
  background: rgba(7,17,29,.94);
}
.era-row span {
  min-height: 78px;
  padding: 18px 20px;
  border-right: 1px solid var(--soft-line);
  color: var(--paper);
  font: 1rem/1.42 Arial,sans-serif;
}
.era-row span:first-child {
  color: var(--gold-2);
  font: 900 .78rem/1.25 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.era-row span:last-child {
  border-right: 0;
  color: var(--cream);
  font-weight: 700;
}
.era-header span,
.era-header span:first-child,
.era-header span:last-child {
  min-height: 48px;
  background: rgba(208,138,41,.18);
  color: var(--gold-2);
  font: 900 .72rem/1 var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.proof-grid strong {
  display: block;
  color: var(--cream);
  font: 2.7rem/1 var(--serif);
  margin: 14px 0 16px;
}
.proof-grid p,
.case-proof-grid p {
  color: var(--paper);
  font: 1rem/1.55 Arial, sans-serif;
}
.case-proof-grid h3 {
  color: var(--cream);
  font-size: 2rem;
  line-height: 1.05;
  margin: 10px 0 18px;
}
.ai-system-library {
  width: min(var(--max), 100%);
  margin: 0 auto;
  padding: 54px 58px 64px;
  border-bottom: 1px solid var(--line);
  background: rgba(8, 32, 58, .84);
}
.ai-system-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.ai-system-grid article {
  min-height: 520px;
  padding: 28px;
  border: 1px solid var(--soft-line);
  background: rgba(5, 17, 29, .72);
}
.ai-system-grid h3 {
  color: var(--cream);
  font-size: 2rem;
  line-height: 1.05;
  margin: 10px 0 18px;
}
.ai-system-grid dl {
  margin: 0;
  display: grid;
  gap: 12px;
}
.ai-system-grid dt {
  color: var(--gold-2);
  font: 900 .72rem/1.2 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.ai-system-grid dd {
  margin: -8px 0 0;
  color: var(--paper);
  font: .98rem/1.48 Arial, sans-serif;
}
.contact-band { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:.9fr 1.2fr .9fr; border-bottom:1px solid var(--line); }
.contact-band > * { min-height:230px; border-right:1px solid var(--line); padding:38px 42px; }
.quote-footer { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:1.1fr repeat(3,.9fr) .7fr; align-items:center; gap:24px; padding:38px 42px; background:var(--paper); color:#0b1420; }
.quote-footer blockquote { margin:0; font:italic 1.55rem/1.3 var(--serif); }
.footer-mark { color:#0b1420; font:700 3rem/.8 var(--serif); letter-spacing:-.12em; }
.page-intro { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:.82fr 1.18fr; border-bottom:1px solid var(--line); background:rgba(8,32,58,.92); }
.page-intro-copy { padding:72px 70px; }
.page-intro-copy h1 { max-width:11ch; }
.page-art { min-height:460px; position:relative; overflow:hidden; background:var(--navy); }
.page-art .portrait { right:8%; width:min(440px,70%); }
.subnav { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:repeat(6,1fr); border-bottom:1px solid var(--line); background:rgba(5,17,29,.92); }
.subnav a { min-height:74px; display:flex; align-items:center; justify-content:center; padding:12px; border-right:1px solid var(--line); color:var(--paper); font:900 .78rem/1.2 var(--mono); letter-spacing:.09em; text-align:center; text-transform:uppercase; }
.subnav a:hover { color:#fff; background:rgba(208,138,41,.1); }
.content-grid { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--line); }
.section-block { min-height:360px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(8,32,58,.84); display:grid; grid-template-rows:190px 1fr; }
.section-block .tile-art { min-height:190px; }
.section-copy { padding:28px 34px; }
.section-copy h2 { color:var(--gold); font-size:2rem; letter-spacing:.04em; text-transform:uppercase; }
.section-copy p { color:var(--paper); font:1rem/1.55 Arial,sans-serif; }
.wide-panel { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); }
.wide-panel > * { min-height:300px; border-right:1px solid var(--line); padding:40px 44px; background:rgba(5,17,29,.72); }
.section-kicker { color:var(--gold-2); font:900 .74rem/1.2 var(--mono); letter-spacing:.14em; text-transform:uppercase; }
.page-shell { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:290px 1fr; border-bottom:1px solid var(--line); }
.sidebar { border-right:1px solid var(--line); padding:52px 32px; background:rgba(5,17,29,.86); }
.side-menu { display:grid; border:1px solid rgba(208,138,41,.25); }
.side-menu a { display:grid; grid-template-columns:34px 1fr; gap:12px; align-items:center; padding:18px; border-bottom:1px solid rgba(208,138,41,.25); color:var(--paper); }
.side-menu a.active { background:linear-gradient(90deg,#d99637,#be7723); color:#07111d; font-weight:900; }
.sidebar blockquote { margin:36px 0 0; color:var(--cream); font:italic 1.45rem/1.35 var(--serif); }
.section-main { padding:70px 58px; background:rgba(8,32,58,.85); }
.section-hero { display:grid; grid-template-columns:1fr .85fr; align-items:end; gap:34px; padding-bottom:42px; border-bottom:1px solid var(--line); }
.section-hero h1 { font-size:clamp(3.65rem,5.45vw,5.95rem); max-width:12ch; color:var(--cream); }
.metrics { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin:28px 0 38px; }
.metric { border:1px solid var(--soft-line); padding:26px 18px; background:rgba(255,255,255,.035); }
.metric strong { display:block; color:var(--cream); font:2.6rem/1 var(--serif); margin:12px 0; }
.metric h3 { color:var(--gold); font:900 .82rem/1.2 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.metric small { display:block; color:var(--muted); font: .88rem/1.35 Arial, sans-serif; }
.case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.case-card { border:1px solid var(--line); background:rgba(5,17,29,.64); }
.case-card .tile-art { min-height:170px; }
.case-card div:not(.tile-art) { padding:22px; }
.timeline { display:grid; grid-template-columns:repeat(5,1fr); gap:24px; margin:42px 0; border-top:1px dashed var(--gold); padding-top:28px; }
.timeline b { color:var(--gold); display:block; font-size:1.25rem; }
.featured-case { display:grid; grid-template-columns:.9fr 1.1fr; gap:26px; border:1px solid var(--line); padding:24px; }
.legacy-hero { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:.82fr 1.18fr; border-bottom:1px solid var(--line); background:rgba(8,32,58,.92); }
.legacy-copy { padding:70px 78px; }
.legacy-copy h1 { max-width:9ch; }
.legacy-collage { min-height:500px; position:relative; }
.photo { position:absolute; background:var(--paper); border:8px solid rgba(234,216,183,.82); box-shadow:0 16px 32px rgba(0,0,0,.38); overflow:hidden; }
.photo img { width:100%; height:100%; object-fit:cover; filter:sepia(.4) saturate(.6); }
.p1 { width:30%; height:42%; left:12%; top:30%; }
.p2 { width:31%; height:38%; left:42%; top:10%; }
.p3 { width:26%; height:30%; right:12%; top:36%; }
.legacy-timeline { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:repeat(6,1fr); gap:1px; border-bottom:1px solid var(--line); background:var(--line); }
.legacy-timeline div { padding:28px 22px; text-align:center; background:var(--ink); }
.legacy-timeline b { display:block; color:var(--gold); font:1.45rem/1 var(--serif); margin-bottom:10px; }
.legacy-panels { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:.85fr 1.15fr 1.1fr; border-bottom:1px solid var(--line); }
.legacy-panels > * { min-height:360px; border-right:1px solid var(--line); padding:36px 42px; background:rgba(8,32,58,.85); }
.lineage-card { display:grid; grid-template-columns:70px 1fr; gap:14px; align-items:center; border:1px solid var(--line); padding:12px; margin:12px 0; }
.lineage-card img { width:70px; height:70px; object-fit:cover; filter:sepia(.35); }
.detail-band { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:.95fr 1.6fr .9fr; border-bottom:1px solid var(--line); }
.detail-band > * { padding:38px 42px; border-right:1px solid var(--line); min-height:250px; }
.dashboard-access { width:min(var(--max),100%); margin:0 auto; padding:54px 58px 64px; border-bottom:1px solid var(--line); background:linear-gradient(135deg, rgba(5,17,29,.92), rgba(8,32,58,.86)); }
.dashboard-access-head { max-width:850px; margin-bottom:30px; }
.dashboard-access-head h2 { color:var(--gold); font-size:clamp(2.25rem,3.7vw,4rem); letter-spacing:.05em; text-transform:uppercase; }
.dashboard-access-head p:not(.label) { color:var(--paper); font:1.08rem/1.55 Arial,sans-serif; }
.dashboard-preview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.dashboard-card { display:grid; grid-template-rows:auto 1fr auto; gap:24px; min-height:640px; border:1px solid var(--line); background:rgba(7,22,36,.82); padding:30px; position:relative; overflow:hidden; }
.dashboard-card:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 86% 16%, rgba(208,138,41,.24), transparent 15rem), linear-gradient(135deg, transparent 0 62%, rgba(155,47,33,.28) 62% 72%, transparent 72%); pointer-events:none; }
.dashboard-card > * { position:relative; z-index:1; }
.dashboard-card-copy { display:grid; gap:12px; }
.dashboard-card h3 { color:var(--cream); font-size:2.35rem; letter-spacing:.03em; text-transform:uppercase; }
.dashboard-card p { margin:0; color:var(--paper); font:1rem/1.55 Arial,sans-serif; max-width:610px; }
.status-pill { width:max-content; min-height:28px; display:inline-flex; align-items:center; border:1px solid rgba(208,138,41,.55); color:var(--gold-2); padding:0 10px; font:900 .68rem/1 var(--mono); letter-spacing:.14em; text-transform:uppercase; }
.screen-shot { align-self:stretch; border:1px solid rgba(234,216,183,.18); background:linear-gradient(180deg, rgba(2,9,16,.82), rgba(10,42,60,.72)); box-shadow:0 22px 55px rgba(0,0,0,.28); padding:18px; display:grid; gap:14px; }
.screen-top { display:flex; gap:7px; }
.screen-top span { width:9px; height:9px; border-radius:999px; background:var(--gold); opacity:.78; }
.screen-title { color:var(--gold-2); font:900 .78rem/1 var(--mono); letter-spacing:.18em; text-transform:uppercase; }
.screen-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.screen-grid div { min-height:102px; border:1px solid rgba(234,216,183,.14); background:rgba(255,255,255,.035); padding:14px; }
.screen-grid b { display:block; color:var(--cream); font:2rem/1 var(--serif); margin-bottom:8px; }
.screen-grid small { color:var(--muted); font:900 .68rem/1.25 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.screen-line { height:10px; width:72%; background:linear-gradient(90deg, rgba(208,138,41,.8), rgba(45,143,145,.58)); }
.screen-line.wide { width:100%; opacity:.52; }
.screen-row { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:18px; border:1px solid rgba(234,216,183,.12); padding:12px 14px; color:var(--paper); font:1rem/1.2 Arial,sans-serif; }
.screen-row strong { color:var(--gold-2); font:900 .72rem/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.personal-card:before { background:radial-gradient(circle at 86% 16%, rgba(45,143,145,.24), transparent 15rem), linear-gradient(135deg, transparent 0 62%, rgba(208,138,41,.24) 62% 72%, transparent 72%); }
.thought-intro h1 { max-width:12ch; }
.thought-brand-art { display:grid; place-items:center; padding:34px; }
.thought-brand-art .poster { position:absolute; inset:0; min-height:100%; opacity:.48; }
.thought-brand-image { position:relative; z-index:1; width:min(260px,68%); border:1px solid rgba(208,138,41,.45); box-shadow:0 26px 80px rgba(0,0,0,.42); background:#f7f4ee; }
.thought-positioning { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:1.05fr .95fr; border-bottom:1px solid var(--line); background:rgba(5,17,29,.86); }
.thought-positioning > div:first-child { padding:58px 60px; border-right:1px solid var(--line); }
.thought-positioning h2 { color:var(--cream); font-size:clamp(2.45rem,3.9vw,4.2rem); line-height:.98; text-transform:uppercase; }
.thought-positioning p:not(.label),.executive-briefs-feature p:not(.label):not(.section-kicker),.brief-card p { color:var(--paper); font:1.05rem/1.58 Arial,sans-serif; }
.thought-principles { display:grid; }
.thought-principles article { padding:32px 36px; border-bottom:1px solid var(--line); background:rgba(8,32,58,.6); }
.thought-principles article:last-child { border-bottom:0; }
.thought-principles h3,.brief-card h3 { color:var(--gold); font-size:1.7rem; line-height:1.05; }
.executive-briefs-feature { width:min(var(--max),100%); margin:0 auto; padding:54px 58px 64px; border-bottom:1px solid var(--line); background:rgba(8,32,58,.9); }
.brief-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.brief-card { min-height:330px; border:1px solid var(--line); padding:28px; background:linear-gradient(145deg,rgba(5,17,29,.92),rgba(12,50,66,.74)); display:grid; align-content:start; gap:14px; }
.brief-card a { color:var(--gold-2); font:900 .76rem/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.thought-feature { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:.95fr 1.05fr; border-bottom:1px solid var(--line); background:rgba(8,32,58,.88); }
.thought-feature-art { min-height:430px; border-right:1px solid var(--line); }
.thought-feature-art .poster { min-height:100%; }
.thought-feature-copy { padding:54px 58px; align-self:center; }
.thought-feature-copy h2,.thought-section-head h2 { color:var(--gold); font-size:clamp(2.25rem,3.65vw,3.9rem); letter-spacing:.04em; text-transform:uppercase; }
.thought-feature-copy p:not(.label) { color:var(--paper); font:1.1rem/1.55 Arial,sans-serif; max-width:680px; }
.thought-library { width:min(var(--max),100%); margin:0 auto; padding:54px 58px 64px; border-bottom:1px solid var(--line); background:rgba(5,17,29,.84); }
.thought-section-head { margin-bottom:30px; }
.thought-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.thought-card { border:1px solid var(--line); background:rgba(8,32,58,.72); display:grid; grid-template-rows:170px 1fr; min-height:520px; }
.thought-art { overflow:hidden; border-bottom:1px solid var(--line); }
.thought-art .poster { min-height:170px; }
.thought-copy { padding:24px; display:grid; align-content:start; gap:12px; }
.thought-copy h3 { color:var(--cream); font-size:1.65rem; line-height:1.05; }
.thought-copy p { margin:0; color:var(--paper); font:1rem/1.5 Arial,sans-serif; }
.thought-copy span { color:var(--muted); font:900 .72rem/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.thought-copy a { color:var(--gold-2); font:900 .76rem/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.article-detail { width:min(var(--max),100%); margin:0 auto; border-bottom:1px solid var(--line); background:rgba(8,32,58,.9); }
.article-hero-detail { display:grid; grid-template-columns:1.15fr .85fr; border-bottom:1px solid var(--line); }
.article-hero-detail > div:first-child { padding:72px 70px; }
.article-hero-detail h1 { max-width:13ch; font-size:clamp(3rem,4.8vw,5.05rem); }
.article-deck { max-width:760px; color:#fff; font:1.25rem/1.5 Arial,sans-serif; }
.article-meta { color:var(--gold-2); font:900 .78rem/1.2 var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.article-poster { min-height:480px; border-left:1px solid var(--line); }
.article-poster .poster { min-height:100%; }
.article-layout { display:grid; grid-template-columns:300px 1fr; }
.article-rail { border-right:1px solid var(--line); padding:34px 30px; background:rgba(5,17,29,.82); }
.article-rail p { color:var(--paper); font:1rem/1.45 Arial,sans-serif; }
.article-rail strong { color:var(--gold-2); }
.article-rail a:not(.button) { color:var(--gold-2); text-decoration:underline; }
.article-prose { max-width:880px; padding:54px 64px 76px; color:var(--paper); font:1.17rem/1.72 Georgia,"Times New Roman",serif; }
.article-prose div { margin:0; }
.article-prose p { margin:0 0 24px; }
.article-prose h2,.article-prose h3 { color:var(--gold); margin:38px 0 18px; font-family:var(--serif); line-height:1.05; }
.article-prose h2 { font-size:2.25rem; }
.article-prose h3 { font-size:1.7rem; }
.article-prose ul,.article-prose ol { margin:0 0 28px 1.25rem; padding:0; }
.article-prose li { margin:0 0 12px; }
.article-prose blockquote { margin:42px 0; padding-left:28px; border-left:3px solid var(--gold); color:var(--cream); font:italic 1.65rem/1.45 var(--serif); }
.article-prose a { color:var(--gold-2); text-decoration:underline; }
.article-prose img { margin:32px 0; border:1px solid var(--line); }
.research-intro h1 { max-width:12ch; }
.research-feature { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:1.15fr .85fr; border-bottom:1px solid var(--line); background:rgba(8,32,58,.88); }
.research-feature-copy { padding:58px 64px; }
.research-feature-copy h2 { color:var(--gold); font-size:clamp(2.4rem,4.25vw,4.55rem); letter-spacing:.04em; text-transform:uppercase; }
.research-deck { color:var(--paper); font:1.15rem/1.58 Arial,sans-serif; max-width:780px; }
.research-stat-panel { display:grid; grid-template-columns:1fr 1fr; border-left:1px solid var(--line); background:rgba(5,17,29,.72); }
.research-stat-panel div { min-height:190px; display:grid; align-content:center; gap:10px; padding:28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.research-stat-panel strong { color:var(--cream); font:3.4rem/1 var(--serif); }
.research-stat-panel span { color:var(--gold-2); font:900 .76rem/1.25 var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.research-grid { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--line); }
.research-card { min-height:340px; padding:38px 42px; border-right:1px solid var(--line); background:rgba(5,17,29,.72); }
.research-card h2 { color:var(--gold); font-size:2.1rem; letter-spacing:.04em; text-transform:uppercase; }
.research-card p:not(.section-kicker) { color:var(--paper); font:1.03rem/1.58 Arial,sans-serif; }
.research-methods { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:.95fr 1.05fr; border-bottom:1px solid var(--line); background:rgba(8,32,58,.86); }
.research-methods > div:first-child { padding:52px 58px; border-right:1px solid var(--line); }
.research-methods h2,.research-practice h2 { color:var(--gold); font-size:clamp(2.25rem,3.65vw,3.85rem); letter-spacing:.04em; text-transform:uppercase; }
.research-methods p:not(.label),.research-practice p:not(.label) { color:var(--paper); font:1.08rem/1.58 Arial,sans-serif; }
.method-list { display:grid; grid-template-columns:1fr 1fr; }
.method-list div { padding:30px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.025); }
.method-list b { display:block; color:var(--gold-2); font:900 .8rem/1.2 var(--mono); letter-spacing:.12em; text-transform:uppercase; margin-bottom:10px; }
.method-list span { color:var(--paper); font:1rem/1.5 Arial,sans-serif; }
.research-findings { width:min(var(--max),100%); margin:0 auto; padding:54px 58px 64px; border-bottom:1px solid var(--line); background:rgba(5,17,29,.86); }
.findings-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.findings-grid div { min-height:210px; padding:22px; border:1px solid var(--soft-line); background:rgba(8,32,58,.7); }
.findings-grid b { display:block; color:var(--gold); font:1.35rem/1.05 var(--serif); margin-bottom:12px; }
.findings-grid span { color:var(--paper); font:1rem/1.45 Arial,sans-serif; }
.research-practice { width:min(var(--max),100%); margin:0 auto; display:grid; grid-template-columns:.9fr 1.1fr; border-bottom:1px solid var(--line); background:rgba(8,32,58,.88); }
.research-practice-copy { padding:52px 58px; border-right:1px solid var(--line); }
.practice-list { display:grid; align-content:stretch; }
.practice-list span { display:flex; align-items:center; min-height:84px; padding:20px 30px; border-bottom:1px solid var(--line); color:var(--paper); font:1.05rem/1.4 Arial,sans-serif; }
.practice-list span:before { content:""; width:12px; height:12px; margin-right:14px; background:var(--gold); flex:0 0 auto; transform:rotate(45deg); }
.research-agenda { grid-template-columns:1fr 1fr; }
.research-detail .article-prose h2 { color:var(--gold); }
@media (max-width:1100px){ .hero,.section-hero,.legacy-hero,.contact-band,.legacy-panels,.detail-band,.featured-case,.page-intro,.wide-panel{grid-template-columns:1fr}.icon-strip,.tile-grid,.metrics,.case-grid,.timeline,.legacy-timeline,.subnav,.content-grid,.proof-grid,.case-proof-grid,.ai-system-grid,.era-timeline,.connect-actions{grid-template-columns:repeat(2,1fr)}.page-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.portrait{opacity:.58}.hero-copy{background:linear-gradient(90deg,rgba(7,17,29,.9),rgba(7,17,29,.45));}.quote-footer{grid-template-columns:1fr 1fr}.nav-toggle{display:flex;position:absolute;right:0;top:21px}.nav-links{display:none;position:absolute;left:0;right:0;top:86px;background:#07111d;flex-direction:column;align-items:stretch;padding:14px 0}.nav-links.is-open{display:flex}.nav-links a{padding:14px 0}}
@media (max-width:1100px){.dashboard-preview-grid{grid-template-columns:1fr}.dashboard-card{min-height:auto}.screen-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1100px){.thought-positioning,.thought-feature,.article-hero-detail,.article-layout{grid-template-columns:1fr}.thought-positioning > div:first-child,.thought-feature-art,.article-poster{border-right:0;border-left:0;border-bottom:1px solid var(--line)}.thought-card-grid,.brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-rail{border-right:0;border-bottom:1px solid var(--line)}}
@media (max-width:1100px){.research-feature,.research-grid,.research-methods,.research-practice{grid-template-columns:1fr}.research-stat-panel,.method-list{grid-template-columns:repeat(2,1fr)}.findings-grid{grid-template-columns:repeat(2,1fr)}.research-stat-panel,.research-methods>div:first-child,.research-practice-copy{border-left:0;border-right:0;border-bottom:1px solid var(--line)}}
@media (max-width:640px){.level-bar{padding:0 16px;font-size:.68rem}.nav{width:calc(100% - 28px)}.brand{font-size:1.2rem}.monogram{font-size:2.1rem}.hero-copy,.section-main,.legacy-copy,.page-intro-copy{padding:54px 18px}.hero{grid-template-columns:1fr;min-height:auto}.hero-art,.page-art{min-height:380px}.icon-strip,.tile-grid,.metrics,.case-grid,.timeline,.legacy-timeline,.quote-footer,.subnav,.content-grid,.thought-card-grid,.brief-grid,.research-stat-panel,.method-list,.findings-grid,.proof-grid,.case-proof-grid,.ai-system-grid,.hero-proof,.era-timeline,.connect-actions{grid-template-columns:1fr}.contact-band{grid-template-columns:1fr}.tile-body,.contact-band>*,.wide-panel>*,.dashboard-access,.thought-positioning > div:first-child,.thought-principles article,.executive-briefs-feature,.thought-library,.thought-feature-copy,.article-hero-detail>div:first-child,.article-prose,.research-feature-copy,.research-card,.research-methods>div:first-child,.research-findings,.research-practice-copy,.proof-strip,.case-proof,.ai-system-library,.era-timeline-section,.connect-actions{padding:28px 20px}h1{font-size:clamp(2.85rem,14vw,4.15rem)}.actions{align-items:stretch;flex-direction:column}.button{width:100%}.legacy-collage{min-height:360px}.photo{border-width:5px}.screen-grid{grid-template-columns:1fr}.dashboard-card{padding:22px}.dashboard-card h3{font-size:1.85rem}.screen-row{align-items:flex-start;flex-direction:column}.article-poster{min-height:320px}.article-prose{font-size:1.05rem}.thought-card,.brief-card{min-height:auto}.research-stat-panel div,.findings-grid div,.proof-grid article,.case-proof-grid article,.ai-system-grid article,.era-timeline article{min-height:auto}}

.photo-grid {
  width: min(var(--max), calc(100% - 32px));
  margin: 0 auto 52px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 18px;
}
.photo-card {
  margin: 0;
  border: 1px solid rgba(211, 151, 54, 0.35);
  background: rgba(6, 26, 42, 0.72);
  overflow: hidden;
}
.photo-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}
.photo-card figcaption {
  padding: 10px 12px;
  color: var(--muted);
  font-size: 0.78rem;
  word-break: break-word;
}
.legacy-photo-hero .legacy-collage {
  min-height: 520px;
}
.legacy-feature-photo.f1 {
  width: 34%;
  height: 42%;
  left: 10%;
  top: 28%;
}
.legacy-feature-photo.f2 {
  width: 34%;
  height: 38%;
  left: 42%;
  top: 10%;
}
.legacy-feature-photo.f3 {
  width: 28%;
  height: 32%;
  right: 10%;
  top: 42%;
}
.legacy-photo-grid {
  padding-top: 42px;
}
.legacy-photo-card img {
  filter: sepia(0.22) saturate(0.82);
}

.profile-intro .page-art .portrait {
  max-height: 520px;
  object-position: center top;
}
.executive-summary,
.profile-bio-note {
  align-items: start;
}
.profile-grid .research-card h2 {
  min-height: 2.4em;
}
.resume-section .method-list div,
.profile-positioning .practice-list span {
  border-left: 3px solid var(--gold);
}
.profile-card .button {
  margin-top: 10px;
}

.capability-intro h1 {
  max-width: 12ch;
}
.capability-summary p:not(.section-kicker) {
  color: var(--paper);
  font: 1.08rem/1.58 Arial, sans-serif;
}
.capability-grid {
  width: min(var(--max), 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid var(--line);
  background: rgba(5, 17, 29, .86);
}
.capability-grid article {
  min-height: 430px;
  padding: 38px 42px;
  border-right: 1px solid var(--line);
  background: rgba(8, 32, 58, .72);
}
.capability-grid h2 {
  color: var(--gold);
  font-size: 2rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.capability-grid ul {
  margin: 18px 0 0 1.1rem;
  padding: 0;
  color: var(--paper);
  font: 1.02rem/1.58 Arial, sans-serif;
}
.capability-grid li {
  margin-bottom: 14px;
}
.capability-links a {
  display: flex;
  align-items: center;
  min-height: 84px;
  padding: 20px 30px;
  border-bottom: 1px solid var(--line);
  color: var(--gold-2);
  font: 900 .82rem/1.3 var(--mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
}
.capability-links a:before {
  content: "";
  width: 12px;
  height: 12px;
  margin-right: 14px;
  background: var(--gold);
  flex: 0 0 auto;
  transform: rotate(45deg);
}

@media (max-width: 1100px) {
  .capability-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .capability-grid article {
    min-height: auto;
    padding: 28px 20px;
  }
}

.family-tree-hero .legacy-copy h1 {
  max-width: 10ch;
}
.family-tree-map {
  width: min(var(--max), 100%);
  margin: 0 auto;
  border-bottom: 1px solid var(--line);
  background: rgba(5, 17, 29, 0.86);
}
.tree-generation {
  display: grid;
  grid-template-columns: 230px repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
}
.tree-generation:first-child {
  border-top: 0;
}
.tree-generation-wide {
  grid-template-columns: 230px repeat(4, minmax(0, 1fr));
}
.generation-label,
.tree-person {
  min-height: 168px;
  padding: 24px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid rgba(211, 151, 54, 0.18);
}
.generation-label {
  background: rgba(208, 138, 41, 0.12);
}
.generation-label span,
.tree-person strong {
  display: block;
  color: var(--gold-2);
  font: 900 0.74rem/1.2 var(--mono);
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.generation-label b,
.tree-person span {
  display: block;
  color: var(--cream);
  font: 2rem/1.05 var(--serif);
  margin-top: 10px;
}
.tree-person {
  position: relative;
  background: rgba(8, 32, 58, 0.72);
}
.tree-person:before {
  content: "";
  position: absolute;
  left: 0;
  top: 24px;
  bottom: 24px;
  width: 3px;
  background: var(--gold);
  opacity: 0.75;
}
.tree-person p {
  margin: 12px 0 0;
  color: var(--paper);
  font: 1rem/1.48 Arial, sans-serif;
}
.tree-focus {
  background: linear-gradient(135deg, rgba(208, 138, 41, 0.18), rgba(8, 32, 58, 0.78));
}
.tree-private {
  background: rgba(45, 143, 145, 0.14);
}
.family-branch-grid {
  width: min(var(--max), 100%);
  margin: 0 auto;
  padding: 54px 58px 64px;
  border-bottom: 1px solid var(--line);
  background: rgba(8, 32, 58, 0.82);
}
.branch-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.branch-card-grid article {
  min-height: 185px;
  padding: 24px;
  border: 1px solid var(--soft-line);
  background: rgba(5, 17, 29, 0.72);
}
.branch-card-grid b {
  display: block;
  color: var(--gold);
  font: 1.65rem/1.05 var(--serif);
  margin-bottom: 12px;
}
.branch-card-grid span {
  color: var(--paper);
  font: 1rem/1.5 Arial, sans-serif;
}
.family-tree-note ul {
  margin: 18px 0 0 1.1rem;
  color: var(--paper);
  font: 1.02rem/1.55 Arial, sans-serif;
}
.family-tree-note li {
  margin-bottom: 10px;
}

@media (max-width: 1100px) {
  .tree-generation,
  .tree-generation-wide,
  .branch-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .generation-label {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .era-row,
  .era-header {
    grid-template-columns: 1fr;
  }
  .era-row span {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--soft-line);
  }
  .era-row span:last-child {
    border-bottom: 0;
  }
  .tree-generation,
  .tree-generation-wide,
  .branch-card-grid {
    grid-template-columns: 1fr;
  }
  .family-branch-grid {
    padding: 28px 20px;
  }
  .generation-label,
  .tree-person {
    min-height: auto;
    padding: 22px 20px;
  }
}