/* AI Laboratory case-study system
   Shared editorial primitives + project-scoped visual modules. */

.ai-case {
  --ai-paper: #f0efe9;
  --ai-ink: #0e100d;
  --ai-accent: #d7ff36;
  --ai-muted: rgba(14, 16, 13, .62);
  --ai-line: rgba(14, 16, 13, .25);
  --ai-soft-line: rgba(14, 16, 13, .12);
  --ai-on-dark: #f0efe9;
  --ai-gutter: max(4vw, calc((100vw - 1840px) / 2));
  background: var(--ai-paper);
  color: var(--ai-ink);
  overflow-x: clip;
}

.ai-case * { box-sizing: border-box; }
.ai-case main { overflow: clip; }
.ai-case a { text-underline-offset: .18em; }
.ai-case :focus-visible { outline: 2px solid var(--ai-ink); outline-offset: 4px; }
.ai-case .aa-dual :focus-visible,
.ai-case .aa-index :focus-visible,
.ai-case .ai-next :focus-visible { outline-color: var(--ai-accent); }
.ai-case .nav { color: var(--ai-ink); }
.ai-case .nav.scrolled { background: rgba(240, 239, 233, .94); border-color: var(--ai-soft-line); }
.ai-case .nav-logo { display: flex; align-items: center; gap: 10px; }
.ai-case .logo-mark {
  width: 38px;
  height: 38px;
  border: 1px solid currentColor;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font: 700 10px var(--font-mono);
  letter-spacing: -.04em;
}
.ai-case .logo-name { font-size: 17px; font-weight: 800; letter-spacing: .015em; }
.ai-case .nav-agent-btn { background: var(--ai-ink); color: var(--ai-on-dark); }
.ai-case .nav-agent-btn span { color: var(--ai-accent); }
.ai-case .nav-mobile-menu { background: var(--ai-paper); }
.ai-case .nav-mobile-menu-agent { background: var(--ai-ink); color: var(--ai-on-dark); }
.ai-case .ar-send { background: var(--ai-ink); }
.ai-case .ar-prompt-chip:hover { border-color: var(--ai-ink); }

.ai-shell { padding-inline: var(--ai-gutter); }
.ai-rule { border-top: 1px solid var(--ai-line); }
.ai-kicker,
.ai-section-index,
.ai-meta dt,
.ai-status,
.ai-figure-caption,
.ai-eyebrow {
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.45;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.ai-section-index {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--ai-muted);
  margin-bottom: clamp(28px, 4vw, 54px);
}
.ai-section-index span {
  width: 34px;
  height: 34px;
  border: 1px solid currentColor;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--ai-ink);
}
.ai-section-index p { margin: 0; }

.ai-case h1,
.ai-case h2,
.ai-case h3 { color: var(--ai-ink); }
.ai-case h2 {
  font-size: clamp(38px, 5.5vw, 78px);
  line-height: .98;
  letter-spacing: -.045em;
}
.ai-case h2 em {
  color: var(--ai-ink);
  font-style: normal;
  background: var(--ai-accent);
  display: table;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: .3em;
  padding: .08em .1em .12em;
  line-height: 1.08;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.ai-lead { font-size: clamp(21px, 2vw, 29px); line-height: 1.4; letter-spacing: -.018em; }
.ai-copy { max-width: 760px; }
.ai-copy p { font-size: clamp(18px, 1.35vw, 21px); line-height: 1.72; color: var(--ai-muted); }
.ai-copy p + p { margin-top: 1.15em; }

.ai-evidence {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block: 1px solid var(--ai-line);
}
.ai-evidence > div { padding: 24px 20px 26px 0; min-width: 0; }
.ai-evidence > div + div { border-left: 1px solid var(--ai-soft-line); padding-left: 20px; }
.ai-evidence strong { display: block; font-size: clamp(27px, 3vw, 47px); line-height: 1; letter-spacing: -.035em; }
.ai-evidence span { display: block; margin-top: 10px; font: 500 12px/1.45 var(--font-mono); color: var(--ai-muted); text-transform: uppercase; letter-spacing: .06em; }

.ai-limitation {
  border: 1px solid rgba(240, 239, 233, .2);
  border-top: 5px solid var(--ai-accent);
  background: var(--ai-ink);
  color: var(--ai-on-dark);
  padding: clamp(24px, 4vw, 48px);
  display: grid;
  grid-template-columns: minmax(160px, .42fr) minmax(0, 1fr);
  gap: clamp(24px, 5vw, 76px);
}
.ai-limitation h3 { color: var(--ai-on-dark); font-size: clamp(24px, 3vw, 40px); line-height: 1.05; letter-spacing: -.03em; }
.ai-limitation p { font-size: clamp(17px, 1.4vw, 20px); line-height: 1.65; color: rgba(240, 239, 233, .68); }

.ai-next {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  min-height: clamp(360px, 48vw, 680px);
  background: var(--ai-ink);
  color: var(--ai-on-dark);
  text-decoration: none;
}
.ai-next-copy { padding: clamp(36px, 7vw, 110px) var(--ai-gutter); display: flex; flex-direction: column; justify-content: space-between; }
.ai-next-copy p { font: 500 12px/1.4 var(--font-mono); letter-spacing: .09em; text-transform: uppercase; color: rgba(240,239,233,.62); }
.ai-next-copy h2 { color: var(--ai-on-dark); font-size: clamp(42px, 6vw, 90px); max-width: 700px; }
.ai-next-copy span { font-size: 18px; }
.ai-next-visual { min-height: 320px; background: var(--ai-ink); display: grid; place-items: center; overflow: hidden; border-left: 1px solid rgba(240,239,233,.14); }
.ai-next-visual img { width: 100%; height: 100%; object-fit: contain; transition: transform .45s ease; }
.ai-next:hover .ai-next-visual img { transform: scale(1.025); }

.ai-footer {
  padding: 52px var(--ai-gutter);
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr auto;
  gap: 30px;
  border-top: 1px solid var(--ai-line);
  align-items: start;
}
.ai-footer strong { font-size: 18px; }
.ai-footer div { display: flex; flex-direction: column; gap: 8px; }
.ai-footer a,
.ai-footer p,
.ai-footer small { font-size: 14px; color: var(--ai-muted); text-decoration: none; }

/* Agentability pilot ------------------------------------------------------ */

.aa-hero { padding: clamp(112px, 14vw, 190px) var(--ai-gutter) clamp(64px, 8vw, 112px); }
.aa-hero-top { display: flex; justify-content: space-between; gap: 24px; margin-bottom: clamp(60px, 8vw, 112px); }
.aa-hero-top p { font: 500 12px/1.4 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--ai-muted); }
.aa-hero-top a { text-decoration: none; border-bottom: 1px solid var(--ai-line); }
.aa-live { display: inline-flex; align-items: center; gap: 8px; }
.aa-live::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: var(--ai-accent); box-shadow: 0 0 0 4px rgba(215,255,54,.2); }
.aa-hero-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, .62fr); gap: clamp(40px, 8vw, 130px); align-items: end; }
.aa-hero h1 { font-size: clamp(62px, 9vw, 138px); line-height: .84; letter-spacing: -.065em; max-width: 1100px; }
.aa-hero h1 span { display: block; }
.aa-hero h1 em { display: table; width: fit-content; max-width: 100%; box-sizing: border-box; font-style: normal; padding: .08em .1em .12em; margin-top: .3em; line-height: 1.04; background: var(--ai-accent); }
.aa-hero-deck { padding-bottom: .45em; }
.aa-hero-deck > p { font-size: clamp(21px, 2.25vw, 32px); line-height: 1.35; letter-spacing: -.02em; }
.aa-hero-deck small { display: block; margin-top: 28px; max-width: 510px; font-size: 15px; line-height: 1.6; color: var(--ai-muted); }
.aa-hero-link { display: inline-flex; margin-top: 34px; min-height: 44px; align-items: center; gap: 14px; padding: 0 18px; background: var(--ai-ink); color: var(--ai-on-dark); text-decoration: none; font-size: 15px; font-weight: 700; }
.aa-hero-link span { color: var(--ai-accent); }

.aa-dual {
  background: var(--ai-ink);
  color: var(--ai-on-dark);
  padding: clamp(58px, 8vw, 112px) var(--ai-gutter);
}
.aa-dual .ai-section-index { color: rgba(240,239,233,.62); }
.aa-dual .ai-section-index span { color: var(--ai-accent); }
.aa-dual-intro { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1fr); gap: clamp(36px, 7vw, 110px); align-items: end; margin-bottom: clamp(50px, 7vw, 90px); }
.aa-dual h2 { color: var(--ai-on-dark); }
.aa-dual-intro p { font-size: clamp(19px, 1.8vw, 26px); line-height: 1.5; color: rgba(240,239,233,.7); }
.aa-surface {
  border: 1px solid rgba(240,239,233,.24);
  display: grid;
  grid-template-columns: 1fr minmax(190px, .48fr) 1fr;
  min-height: 510px;
  position: relative;
}
.aa-operator { padding: clamp(28px, 4vw, 58px); display: flex; flex-direction: column; justify-content: space-between; min-width: 0; }
.aa-operator + .aa-operator { border-left: 1px solid rgba(240,239,233,.16); }
.aa-operator-label { display: flex; justify-content: space-between; gap: 20px; font: 500 12px/1.4 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: rgba(240,239,233,.62); }
.aa-operator h3 { color: var(--ai-on-dark); font-size: clamp(31px, 4vw, 56px); line-height: 1; letter-spacing: -.04em; max-width: 440px; }
.aa-operator p { color: rgba(240,239,233,.62); font-size: 17px; line-height: 1.6; max-width: 420px; }
.aa-human-demo { display: grid; gap: 12px; margin-block: 36px; }
.aa-human-demo span { display: block; height: 12px; background: rgba(240,239,233,.18); }
.aa-human-demo span:nth-child(1) { width: 74%; height: 42px; background: var(--ai-on-dark); }
.aa-human-demo span:nth-child(2) { width: 92%; }
.aa-human-demo span:nth-child(3) { width: 61%; }
.aa-human-demo b { display: grid; place-items: center; width: 132px; height: 44px; margin-top: 12px; background: var(--ai-accent); color: var(--ai-ink); font-size: 14px; }
.aa-system { background: var(--ai-accent); color: var(--ai-ink); text-align: center; align-items: center; }
.aa-system .aa-operator-label { color: var(--ai-ink); justify-content: center; }
.aa-system-mark { width: 112px; height: 112px; border: 1px solid var(--ai-ink); border-radius: 50%; display: grid; place-items: center; font: 500 28px var(--font-mono); }
.aa-system p { color: var(--ai-ink); font: 500 12px/1.6 var(--font-mono); text-transform: uppercase; letter-spacing: .06em; }
.aa-agent-demo { display: grid; gap: 11px; margin-block: 36px; font: 500 12px/1.4 var(--font-mono); }
.aa-agent-demo span { border-bottom: 1px solid rgba(240,239,233,.2); padding-bottom: 11px; color: rgba(240,239,233,.65); overflow-wrap: anywhere; }
.aa-agent-demo b { color: var(--ai-accent); font-weight: 500; }

.aa-discipline { padding: clamp(70px, 10vw, 150px) var(--ai-gutter); }
.aa-discipline-grid { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1fr); gap: clamp(42px, 9vw, 140px); align-items: start; }
.aa-discipline .ai-copy { padding-top: .5em; }
.aa-proposal {
  margin-top: 42px;
  border-left: 5px solid var(--ai-accent);
  background: var(--ai-ink);
  color: rgba(240, 239, 233, .7);
  padding: 24px 28px;
  font-size: 16px;
  line-height: 1.65;
  max-width: 680px;
}
.aa-proposal strong { color: var(--ai-accent); }
.ai-copy .aa-proposal { color: rgba(240, 239, 233, .7); }

.aa-principles { padding: clamp(70px, 9vw, 132px) var(--ai-gutter); border-block: 1px solid var(--ai-line); }
.aa-principles-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .5fr); gap: 46px; align-items: end; margin-bottom: clamp(42px, 7vw, 84px); }
.aa-principles-head p { font-size: 19px; line-height: 1.6; color: var(--ai-muted); }
.aa-principle-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--ai-line); }
.aa-principle { padding: clamp(22px, 3vw, 38px); min-height: 250px; display: flex; flex-direction: column; }
.aa-principle:not(:nth-child(4n + 1)) { border-left: 1px solid var(--ai-soft-line); }
.aa-principle:nth-child(n + 5) { border-top: 1px solid var(--ai-soft-line); }
.aa-principle span { font: 500 12px var(--font-mono); color: var(--ai-muted); }
.aa-principle h3 { margin-top: auto; font-size: clamp(20px, 2vw, 30px); line-height: 1.05; letter-spacing: -.025em; }
.aa-principle p { margin-top: 14px; font-size: 15px; line-height: 1.55; color: var(--ai-muted); }
.aa-principle:hover { background: var(--ai-accent); }

.aa-pipeline { padding: clamp(70px, 10vw, 150px) var(--ai-gutter); }
.aa-pipeline-intro { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1fr); gap: clamp(42px, 9vw, 140px); margin-bottom: clamp(42px, 6vw, 72px); }
.aa-pipeline-intro p { align-self: end; font-size: clamp(19px, 1.7vw, 25px); line-height: 1.55; color: var(--ai-muted); }
.aa-trace { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid var(--ai-line); }
.aa-trace article { min-height: 220px; padding: 26px 32px 28px 0; display: flex; flex-direction: column; position: relative; }
.aa-trace article + article { border-left: 1px solid var(--ai-soft-line); padding-left: 24px; }
.aa-trace article:not(:last-child)::after { content: '→'; position: absolute; right: -10px; top: 28px; z-index: 1; background: var(--ai-paper); padding: 0 4px; font-family: var(--font-mono); }
.aa-trace span { font: 500 12px var(--font-mono); color: var(--ai-muted); }
.aa-trace h3 { margin-top: auto; font-size: clamp(20px, 2vw, 28px); }
.aa-trace p { margin-top: 10px; font-size: 14px; line-height: 1.55; color: var(--ai-muted); }
.aa-trace .is-ai { background: var(--ai-ink); color: var(--ai-on-dark); padding-right: 24px; }
.aa-trace .is-ai h3 { color: var(--ai-on-dark); }
.aa-trace .is-ai p,
.aa-trace .is-ai span { color: rgba(240,239,233,.65); }
.aa-trace .is-score { background: var(--ai-ink); padding-right: 24px; }
.aa-trace .is-score h3 { color: var(--ai-on-dark); }
.aa-trace .is-score span,
.aa-trace .is-score p { color: rgba(240,239,233,.65); }
.aa-trace .is-score span { color: var(--ai-accent); }
.aa-trace-note { margin-top: 22px; font: 500 12px/1.6 var(--font-mono); color: var(--ai-muted); }

.aa-index { background: var(--ai-ink); color: var(--ai-on-dark); padding: clamp(70px, 10vw, 150px) var(--ai-gutter); }
.aa-index .ai-section-index { color: rgba(240,239,233,.62); }
.aa-index .ai-section-index span { color: var(--ai-accent); }
.aa-index-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); gap: clamp(50px, 10vw, 150px); }
.aa-index h2 { color: var(--ai-on-dark); }
.aa-index-copy p { font-size: clamp(18px, 1.45vw, 21px); line-height: 1.7; color: rgba(240,239,233,.68); }
.aa-index-copy p + p { margin-top: 1.15em; }
.aa-index .ai-evidence { grid-template-columns: repeat(2, 1fr); border-color: rgba(240,239,233,.25); align-self: end; }
.aa-index .ai-evidence > div { padding: 28px 20px; }
.aa-index .ai-evidence > div + div { border-color: rgba(240,239,233,.16); }
.aa-index .ai-evidence > div:nth-child(3) { border-left: 0; border-top: 1px solid rgba(240,239,233,.16); }
.aa-index .ai-evidence > div:nth-child(4) { border-top: 1px solid rgba(240,239,233,.16); }
.aa-index .ai-evidence strong { color: var(--ai-accent); }
.aa-index .ai-evidence span { color: rgba(240,239,233,.62); }

.aa-boundary { padding: clamp(70px, 9vw, 132px) var(--ai-gutter); }
.aa-boundary .ai-limitation { margin-left: clamp(0px, 14vw, 240px); }
.aa-close { padding: clamp(70px, 11vw, 170px) var(--ai-gutter); display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .55fr); gap: clamp(42px, 9vw, 150px); align-items: end; }
.aa-close p { font-size: clamp(19px, 1.8vw, 27px); line-height: 1.55; color: var(--ai-muted); }
.aa-close h2 em,
.aa-discipline h2 em { display: table; margin-top: .3em; line-height: 1.08; }

@media (max-width: 980px) {
  .aa-hero-grid,
  .aa-dual-intro,
  .aa-discipline-grid,
  .aa-pipeline-intro,
  .aa-index-grid,
  .aa-close { grid-template-columns: 1fr; }
  .aa-hero-deck { max-width: 720px; }
  .aa-surface { grid-template-columns: 1fr 170px 1fr; }
  .aa-principle-grid { grid-template-columns: repeat(2, 1fr); }
  .aa-principle:not(:nth-child(4n + 1)) { border-left: 0; }
  .aa-principle:nth-child(even) { border-left: 1px solid var(--ai-soft-line); }
  .aa-principle:nth-child(n + 3) { border-top: 1px solid var(--ai-soft-line); }
  .aa-trace { grid-template-columns: repeat(3, 1fr); }
  .aa-trace article { grid-column: auto; }
  .aa-boundary .ai-limitation { margin-left: 0; }
}

@media (max-width: 768px) {
  .ai-case { --ai-gutter: 20px; }
  .ai-case .nav { height: 64px; }
  .ai-case .nav-inner { padding-inline: var(--ai-gutter); }
  .ai-case .logo-mark { width: 34px; height: 34px; }
  .ai-case .logo-name { font-size: 15px; }
  .ai-case .nav-mobile-menu { top: 64px; }
  .ai-evidence { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-evidence > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--ai-soft-line); }
  .ai-evidence > div:nth-child(4) { border-top: 1px solid var(--ai-soft-line); }
  .ai-limitation { grid-template-columns: 1fr; }
  .ai-next { grid-template-columns: 1fr; }
  .ai-next-copy { min-height: 380px; }
  .ai-next-visual { min-height: 300px; border-left: 0; border-top: 1px solid rgba(240,239,233,.14); }
  .ai-footer { grid-template-columns: 1fr 1fr; }
  .aa-hero-top { flex-direction: column; }
  .aa-surface { grid-template-columns: 1fr; min-height: 0; }
  .aa-operator { min-height: 390px; }
  .aa-system { min-height: 240px; border-block: 1px solid rgba(14,16,13,.35); }
  .aa-operator + .aa-operator { border-left: 0; }
  .aa-principles-head { grid-template-columns: 1fr; }
  .aa-trace { grid-template-columns: 1fr; }
  .aa-trace article { grid-column: auto; min-height: 190px; border-left: 0; border-top: 1px solid var(--ai-soft-line); padding-left: 0; }
  .aa-trace article:first-child { border-top: 0; }
  .aa-trace article::after { display: none; }
  .aa-trace .is-ai,
  .aa-trace .is-score { padding-left: 20px !important; margin-inline: 0; }
}

@media (max-width: 420px) {
  .ai-case { --ai-gutter: 16px; }
  .ai-kicker,
  .ai-section-index,
  .ai-meta dt,
  .ai-status,
  .ai-figure-caption,
  .ai-eyebrow { font-size: 11px; }
  .ai-footer { grid-template-columns: 1fr; }
  .aa-hero h1 { font-size: clamp(54px, 18vw, 72px); }
  .aa-hero-link { width: 100%; justify-content: space-between; }
  .aa-principle-grid { grid-template-columns: 1fr; }
  .aa-principle,
  .aa-principle:nth-child(even),
  .aa-principle:nth-child(n + 3) { border-left: 0; border-top: 1px solid var(--ai-soft-line); min-height: 220px; }
  .aa-principle:first-child { border-top: 0; }
  .aa-index .ai-evidence { grid-template-columns: 1fr; }
  .aa-index .ai-evidence > div,
  .aa-index .ai-evidence > div + div,
  .aa-index .ai-evidence > div:nth-child(3),
  .aa-index .ai-evidence > div:nth-child(4) { border-left: 0; border-top: 1px solid rgba(240,239,233,.16); padding-left: 0; }
  .aa-index .ai-evidence > div:first-child { border-top: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .ai-case *,
  .ai-case *::before,
  .ai-case *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; }
}

/* Remaining AI cases — shared approved primitives ------------------------- */

.ai-project-hero {
  padding: clamp(112px, 14vw, 190px) var(--ai-gutter) clamp(64px, 8vw, 112px);
}
.ai-project-topline {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: clamp(58px, 8vw, 108px);
  font: 500 12px/1.45 var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ai-muted);
}
.ai-project-topline p { margin: 0; }
.ai-project-topline .is-live { display: inline-flex; align-items: center; gap: 9px; }
.ai-project-topline .is-live::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: var(--ai-accent); box-shadow: 0 0 0 4px rgba(215,255,54,.2); }
.ai-project-hero-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, .58fr); gap: clamp(42px, 8vw, 130px); align-items: end; }
.ai-project-hero h1 { font-size: clamp(60px, 8.4vw, 128px); line-height: .88; letter-spacing: -.06em; max-width: 1150px; }
.ai-project-hero h1 span { display: block; }
.ai-project-hero-deck > p { font-size: clamp(21px, 2.1vw, 31px); line-height: 1.38; letter-spacing: -.02em; }
.ai-project-hero-deck small { display: block; margin-top: 28px; font-size: 15px; line-height: 1.65; color: var(--ai-muted); }
.ai-project-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--ai-line); margin-top: clamp(52px, 7vw, 92px); }
.ai-project-meta div { padding: 22px 20px 24px 0; }
.ai-project-meta div + div { border-left: 1px solid var(--ai-soft-line); padding-left: 20px; }
.ai-project-meta span { display: block; font: 500 11px/1.4 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--ai-muted); }
.ai-project-meta strong { display: block; margin-top: 8px; font-size: 16px; line-height: 1.45; }

.ai-case-section { padding: clamp(70px, 9vw, 138px) var(--ai-gutter); }
.ai-case-section + .ai-case-section { border-top: 1px solid var(--ai-soft-line); }
.ai-section-grid { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1fr); gap: clamp(42px, 9vw, 140px); align-items: start; }
.ai-section-grid .ai-copy { padding-top: .45em; }
.ai-section-deck { margin-top: 32px; font-size: clamp(18px, 1.55vw, 23px); line-height: 1.62; color: var(--ai-muted); max-width: 720px; }
.ai-dark-section { background: var(--ai-ink); color: var(--ai-on-dark); border-top: 0 !important; }
.ai-dark-section h2,
.ai-dark-section h3 { color: var(--ai-on-dark); }
.ai-dark-section .ai-section-index { color: rgba(240,239,233,.62); }
.ai-dark-section .ai-section-index span { color: var(--ai-accent); }
.ai-dark-section .ai-copy p,
.ai-dark-section .ai-section-deck { color: rgba(240,239,233,.68); }
.ai-dark-card {
  background: var(--ai-ink);
  color: var(--ai-on-dark);
  border-top: 4px solid var(--ai-accent);
  padding: clamp(24px, 4vw, 44px);
}
.ai-dark-card h3 { color: var(--ai-on-dark); font-size: clamp(23px, 2.4vw, 34px); line-height: 1.12; letter-spacing: -.03em; }
.ai-dark-card p { margin-top: 16px; font-size: 17px; line-height: 1.65; color: rgba(240,239,233,.68); }
.ai-dark-card strong { color: var(--ai-accent); }
.ai-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border: 1px solid var(--ai-line); }
.ai-card-grid article { padding: clamp(24px, 3.5vw, 42px); min-height: 220px; display: flex; flex-direction: column; }
.ai-card-grid article:nth-child(even) { border-left: 1px solid var(--ai-soft-line); }
.ai-card-grid article:nth-child(n+3) { border-top: 1px solid var(--ai-soft-line); }
.ai-card-grid span { font: 500 11px var(--font-mono); color: var(--ai-muted); letter-spacing: .07em; text-transform: uppercase; }
.ai-card-grid h3 { margin-top: auto; font-size: clamp(22px, 2.4vw, 34px); line-height: 1.08; letter-spacing: -.03em; }
.ai-card-grid p { margin-top: 13px; font-size: 16px; line-height: 1.58; color: var(--ai-muted); }
.ai-status-note { display: flex; gap: 14px; align-items: flex-start; margin-top: 32px; font: 500 12px/1.65 var(--font-mono); color: var(--ai-muted); }
.ai-status-note::before { content: ''; width: 10px; height: 10px; margin-top: 5px; flex: 0 0 auto; background: var(--ai-accent); }
.ai-related { padding: 42px var(--ai-gutter); border-top: 1px solid var(--ai-line); display: flex; justify-content: space-between; gap: 28px; align-items: center; }
.ai-related p { font: 500 12px var(--font-mono); text-transform: uppercase; letter-spacing: .08em; color: var(--ai-muted); }
.ai-related div { display: flex; gap: 24px; flex-wrap: wrap; }
.ai-related a { font-size: 16px; font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--ai-line); }

/* Content Engine — bounded flywheel */
.ai-content-engine .ai-project-hero h1 { font-size:clamp(40px,6.6vw,104px); }
.ce-loop { display: grid; grid-template-columns: repeat(6, 1fr); position: relative; border: 1px solid rgba(240,239,233,.2); }
.ce-loop article { min-height: 230px; padding: 26px 22px; display: flex; flex-direction: column; border-left: 1px solid rgba(240,239,233,.12); }
.ce-loop article:first-child { border-left: 0; }
.ce-loop span { font: 500 11px var(--font-mono); color: rgba(240,239,233,.5); }
.ce-loop h3 { margin-top: auto; font-size: 23px; }
.ce-loop p { margin-top: 10px; font-size: 14px; line-height: 1.55; color: rgba(240,239,233,.62); }
.ce-loop .human-gate { background: var(--ai-accent); color: var(--ai-ink); }
.ce-loop .human-gate h3 { color: var(--ai-ink); }
.ce-loop .human-gate span,
.ce-loop .human-gate p { color: var(--ai-ink); }
.ce-split { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--ai-line); }
.ce-split article { padding: clamp(28px,5vw,64px); min-height: 360px; display: flex; flex-direction: column; }
.ce-split article + article { border-left: 1px solid var(--ai-line); }
.ce-split span { font: 500 11px var(--font-mono); text-transform: uppercase; letter-spacing: .08em; color: var(--ai-muted); }
.ce-split h3 { margin-top: auto; font-size: clamp(34px,4vw,58px); line-height: .98; }
.ce-split p { margin-top: 18px; font-size: 17px; line-height: 1.62; color: var(--ai-muted); }
.ce-split .reason { background: var(--ai-ink); }
.ce-split .reason h3 { color: var(--ai-on-dark); }
.ce-split .reason span { color: var(--ai-accent); }
.ce-split .reason p { color: rgba(240,239,233,.68); }

/* A1OS — consequence ladder and operating cycle */
.a1-ladder { display: grid; grid-template-columns: repeat(4, 1fr); align-items: end; gap: 12px; }
.a1-step { background: var(--ai-ink); color: var(--ai-on-dark); border-top: 4px solid var(--ai-accent); padding: 24px; display: flex; flex-direction: column; }
.a1-step:nth-child(1) { min-height: 230px; }
.a1-step:nth-child(2) { min-height: 300px; }
.a1-step:nth-child(3) { min-height: 370px; }
.a1-step:nth-child(4) { min-height: 440px; background: var(--ai-accent); color: var(--ai-ink); border-color: var(--ai-ink); }
.a1-step span { font: 500 11px var(--font-mono); text-transform: uppercase; letter-spacing: .08em; color: rgba(240,239,233,.55); }
.a1-step:nth-child(4) span { color: var(--ai-ink); }
.a1-step h3 { margin-top: auto; color: inherit; font-size: clamp(22px,2.5vw,35px); line-height: 1.06; }
.a1-step p { margin-top: 12px; color: rgba(240,239,233,.65); font-size: 15px; line-height: 1.55; }
.a1-step:nth-child(4) p { color: var(--ai-ink); }
.a1-cycle { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--ai-line); }
.a1-cycle article { min-height: 280px; padding: 28px; display:flex; flex-direction:column; }
.a1-cycle article + article { border-left: 1px solid var(--ai-soft-line); }
.a1-cycle span { font: 500 11px var(--font-mono); color: var(--ai-muted); }
.a1-cycle h3 { margin-top:auto; font-size: clamp(21px,2vw,29px); line-height:1.08; }
.a1-cycle p { margin-top:12px; font-size:15px; line-height:1.55; color:var(--ai-muted); }

/* Character Arena — lineage into a spatial field */
.ca-lineage { display:grid; grid-template-columns: repeat(4,1fr); border-block:1px solid var(--ai-line); }
.ca-lineage article { min-height:310px; padding:28px; display:flex; flex-direction:column; position:relative; }
.ca-lineage article + article { border-left:1px solid var(--ai-soft-line); }
.ca-lineage article:not(:last-child)::after { content:'→'; position:absolute; right:-10px; top:28px; background:var(--ai-paper); padding:0 4px; font-family:var(--font-mono); }
.ca-lineage span { font:500 11px var(--font-mono); color:var(--ai-muted); }
.ca-lineage h3 { margin-top:auto; font-size:clamp(23px,2.5vw,34px); line-height:1.06; }
.ca-lineage p { margin-top:13px; font-size:15px; line-height:1.55; color:var(--ai-muted); }
.ca-lineage .is-field { background:var(--ai-ink); }
.ca-lineage .is-field h3 { color:var(--ai-on-dark); }
.ca-lineage .is-field span { color:var(--ai-accent); }
.ca-lineage .is-field p { color:rgba(240,239,233,.65); }
.ca-field { min-height:560px; border:1px solid rgba(240,239,233,.2); position:relative; overflow:hidden; }
.ca-zone { position:absolute; border:1px solid rgba(215,255,54,.4); border-radius:50%; }
.ca-zone.z1 { width:420px;height:420px;left:8%;top:12%; }
.ca-zone.z2 { width:330px;height:330px;right:9%;top:20%; }
.ca-agent { position:absolute; width:72px;height:72px;border-radius:50%;background:var(--ai-accent);color:var(--ai-ink);display:grid;place-items:center;font:700 11px var(--font-mono); }
.ca-agent.a1{left:18%;top:26%}.ca-agent.a2{left:37%;top:55%}.ca-agent.a3{right:31%;top:25%}.ca-agent.a4{right:15%;top:54%}.ca-agent.a5{left:53%;top:42%;background:var(--ai-on-dark)}
.ca-field-note { position:absolute;left:36px;bottom:32px;max-width:430px;font-size:17px;line-height:1.55;color:rgba(240,239,233,.68); }

/* Insight Engine — field notes with honest data marks */
.ie-study-band { display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ai-line); }
.ie-study-band div { padding:26px; }
.ie-study-band div + div { border-left:1px solid var(--ai-soft-line); }
.ie-study-band strong { display:block;font-size:clamp(31px,4vw,56px);line-height:1; }
.ie-study-band span { display:block;margin-top:10px;font:500 11px/1.45 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ai-muted); }
.ie-constellation { min-height:560px;position:relative;border:1px solid rgba(240,239,233,.2);overflow:hidden; }
.ie-node { position:absolute;width:20px;height:20px;border-radius:50%;background:var(--ai-accent);box-shadow:0 0 0 8px rgba(215,255,54,.1); }
.ie-node::after { content:attr(data-name);position:absolute;left:50%;top:30px;transform:translateX(-50%);white-space:nowrap;font:500 11px var(--font-mono);color:var(--ai-on-dark); }
.ie-node.n1{left:18%;top:24%}.ie-node.n2{left:32%;top:45%}.ie-node.n3{left:19%;top:67%}.ie-node.n4{left:43%;top:65%}.ie-node.vader{right:15%;top:25%;background:var(--ai-on-dark);box-shadow:none}
.ie-clash { position:absolute;left:calc(18% + 20px);right:calc(15% + 20px);top:calc(25% + 7px);border-top:3px dotted rgba(240,239,233,.7); }
.ie-warmth { position:absolute;left:18%;top:24%;width:28%;height:46%;border:1px solid var(--ai-accent);transform:skew(-8deg);opacity:.6; }
.ie-constellation-note { position:absolute;left:48px;bottom:38px;font:500 12px/1.6 var(--font-mono);color:var(--ai-accent); }
.ie-findings { display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ai-line); }
.ie-findings article { padding:clamp(26px,4vw,48px);min-height:320px;display:flex;flex-direction:column; }
.ie-findings article + article { border-left:1px solid var(--ai-soft-line); }
.ie-findings strong { font-size:clamp(35px,4vw,58px);line-height:1;color:var(--ai-ink); }
.ie-findings span { margin-top:10px;font:500 11px var(--font-mono);color:var(--ai-muted); }
.ie-findings h3 { margin-top:auto;font-size:clamp(22px,2.3vw,32px);line-height:1.08; }
.ie-findings p { margin-top:12px;font-size:15px;line-height:1.55;color:var(--ai-muted); }

/* Bae — visible conversation / hidden extraction */
.bae-traces { border:1px solid rgba(240,239,233,.2); }
.bae-trace { display:grid;grid-template-columns:180px 1fr;min-height:180px; }
.bae-trace + .bae-trace { border-top:1px solid rgba(240,239,233,.16); }
.bae-trace > span { padding:26px;font:500 11px/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ai-accent);border-right:1px solid rgba(240,239,233,.16); }
.bae-signal { padding:28px;display:flex;align-items:center;gap:14px;overflow:hidden; }
.bae-signal i { height:2px;background:rgba(240,239,233,.45);flex:1;position:relative; }
.bae-signal i:nth-child(2){flex:.4}.bae-signal i:nth-child(3){flex:.8}.bae-signal i:nth-child(4){flex:.25}
.bae-signal b { width:14px;height:14px;border-radius:50%;background:var(--ai-accent);flex:0 0 auto; }
.bae-gate { display:grid;grid-template-columns:1fr auto 1fr;border:1px solid var(--ai-line);align-items:stretch; }
.bae-gate article { padding:clamp(28px,5vw,62px);min-height:300px;display:flex;flex-direction:column; }
.bae-gate h3 { margin-top:auto;font-size:clamp(28px,3.5vw,48px);line-height:1; }
.bae-gate p { margin-top:16px;font-size:17px;line-height:1.6;color:var(--ai-muted); }
.bae-gate-mark { width:150px;background:var(--ai-ink);color:var(--ai-accent);display:grid;place-items:center;text-align:center;font:500 12px/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.07em; }
.bae-gate .pending { border-left:1px solid var(--ai-line); }

/* PRDY — chapter spine into selective retrieval */
.pr-spine { display:grid;grid-template-columns:240px 1fr;border:1px solid rgba(240,239,233,.2);min-height:620px; }
.pr-chapters { padding:30px;border-right:1px solid rgba(240,239,233,.16);display:grid;grid-template-rows:repeat(11,1fr); }
.pr-chapters span { font:500 11px var(--font-mono);color:rgba(240,239,233,.55);border-bottom:1px solid rgba(240,239,233,.1);display:flex;align-items:center; }
.pr-chapters span:last-child { border:0; }
.pr-memory-field { position:relative;overflow:hidden; }
.pr-memory { position:absolute;border:1px solid var(--ai-accent);padding:14px 18px;font:500 11px var(--font-mono);color:var(--ai-on-dark);background:var(--ai-ink); }
.pr-memory.m1{left:9%;top:12%}.pr-memory.m2{left:42%;top:24%}.pr-memory.m3{left:18%;top:44%}.pr-memory.m4{right:8%;top:52%}.pr-memory.m5{left:38%;bottom:12%}
.pr-retrieval { position:absolute;right:8%;top:11%;width:170px;height:170px;border-radius:50%;background:var(--ai-accent);color:var(--ai-ink);display:grid;place-items:center;text-align:center;font:700 12px/1.45 var(--font-mono); }
.pr-rule { display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ai-line); }
.pr-rule article { padding:clamp(28px,4vw,50px);min-height:280px;display:flex;flex-direction:column; }
.pr-rule article + article { border-left:1px solid var(--ai-soft-line); }
.pr-rule span { font:500 11px var(--font-mono);color:var(--ai-muted); }
.pr-rule h3 { margin-top:auto;font-size:clamp(25px,3vw,40px);line-height:1; }
.pr-rule p { margin-top:14px;font-size:16px;line-height:1.58;color:var(--ai-muted); }

/* Studio — contained local operating environment */
.st-frame { border:1px solid rgba(240,239,233,.2);padding:28px; }
.st-boundary { border:1px dashed var(--ai-accent);padding:clamp(28px,5vw,60px); }
.st-task { display:grid;grid-template-columns:repeat(6,1fr);border:1px solid rgba(240,239,233,.18); }
.st-task article { min-height:220px;padding:22px;display:flex;flex-direction:column; }
.st-task article + article { border-left:1px solid rgba(240,239,233,.12); }
.st-task span { font:500 11px var(--font-mono);color:rgba(240,239,233,.5); }
.st-task h3 { margin-top:auto;font-size:20px;line-height:1.08; }
.st-task p { margin-top:10px;font-size:13px;line-height:1.5;color:rgba(240,239,233,.6); }
.st-task .approval { background:var(--ai-accent); }
.st-task .approval h3 { color:var(--ai-ink); }
.st-task .approval span,
.st-task .approval p { color:var(--ai-ink); }
.st-capabilities { display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ai-line); }
.st-capabilities article { padding:clamp(26px,4vw,48px);min-height:280px;display:flex;flex-direction:column; }
.st-capabilities article + article { border-left:1px solid var(--ai-soft-line); }
.st-capabilities span { font:500 11px var(--font-mono);color:var(--ai-muted); }
.st-capabilities h3 { margin-top:auto;font-size:clamp(24px,2.8vw,38px);line-height:1.03; }
.st-capabilities p { margin-top:14px;font-size:16px;line-height:1.58;color:var(--ai-muted); }

/* Dark next-case motifs */
.ai-next-motif { width:min(72%,620px);aspect-ratio:1;position:relative; }
.ai-next-motif .ring { position:absolute;inset:10%;border:1px solid var(--ai-accent);border-radius:50%; }
.ai-next-motif .dot { position:absolute;width:72px;height:72px;border-radius:50%;background:var(--ai-accent);color:var(--ai-ink);display:grid;place-items:center;font:700 11px var(--font-mono); }
.ai-next-motif .d1{left:8%;top:42%}.ai-next-motif .d2{right:8%;top:20%}.ai-next-motif .d3{right:16%;bottom:13%}.ai-next-motif .d4{left:37%;top:37%;background:var(--ai-on-dark)}
.ai-next-bars { width:72%;display:grid;gap:16px; }
.ai-next-bars span { height:50px;border:1px solid var(--ai-accent); }
.ai-next-bars span:nth-child(2){width:82%;background:var(--ai-accent)}.ai-next-bars span:nth-child(3){width:64%}.ai-next-bars span:nth-child(4){width:46%;background:var(--ai-on-dark);border-color:var(--ai-on-dark)}

/* Project-specific next-case previews */
.ai-next-a1os {
  width:min(74%,660px);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border:1px solid rgba(240,239,233,.2);
}
.ai-next-a1os span {
  min-height:150px;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:var(--ai-on-dark);
  font-size:clamp(16px,1.4vw,21px);
  font-weight:700;
  line-height:1.08;
}
.ai-next-a1os span:nth-child(even){border-left:1px solid rgba(240,239,233,.2)}
.ai-next-a1os span:nth-child(n+3){border-top:1px solid rgba(240,239,233,.2)}
.ai-next-a1os span:last-child{background:var(--ai-accent);color:var(--ai-ink)}
.ai-next-a1os i{font:500 11px var(--font-mono);color:var(--ai-accent);font-style:normal}
.ai-next-a1os span:last-child i{color:var(--ai-ink)}

.ai-next-insight {
  width:min(76%,680px);
  display:grid;
  grid-template-columns:.55fr 1.45fr;
  border:1px solid rgba(240,239,233,.2);
}
.insight-stat{padding:30px;border-right:1px solid rgba(240,239,233,.16);display:flex;flex-direction:column;justify-content:center}
.insight-stat strong{font-size:clamp(58px,7vw,108px);line-height:.85;color:var(--ai-accent)}
.insight-stat small,.insight-chart span,.insight-axis span{font:500 10px/1.45 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(240,239,233,.55)}
.insight-chart{min-height:260px;padding:34px 28px 28px;display:flex;align-items:flex-end;gap:12px;position:relative;border-bottom:1px solid rgba(240,239,233,.16)}
.insight-chart i{flex:1;background:var(--ai-accent);min-width:10px}
.insight-chart i:nth-child(1){height:26%}.insight-chart i:nth-child(2){height:52%}.insight-chart i:nth-child(3){height:38%}.insight-chart i:nth-child(4){height:84%}.insight-chart i:nth-child(5){height:68%;background:var(--ai-on-dark)}
.insight-chart span{position:absolute;left:28px;top:20px}
.insight-axis{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto 1fr;gap:12px;align-items:baseline;padding:18px 24px}
.insight-axis b{font-size:20px;color:var(--ai-on-dark)}

.ai-next-bae{width:min(72%,640px);display:flex;flex-direction:column;gap:18px}
.bae-bubble{max-width:72%;padding:20px 24px;border:1px solid rgba(240,239,233,.28);color:var(--ai-on-dark);font-size:clamp(16px,1.5vw,21px);line-height:1.35}
.bae-bubble.right{align-self:flex-end;background:rgba(215,255,54,.1);border-color:var(--ai-accent)}
.bae-pulse{display:flex;align-items:center;gap:12px;padding:28px 0;border-block:1px solid rgba(240,239,233,.16)}
.bae-pulse i{height:2px;flex:1;background:rgba(240,239,233,.35)}
.bae-pulse i:nth-of-type(2){flex:.45}.bae-pulse i:nth-of-type(3){flex:.75}
.bae-pulse span,.bae-pulse b{width:14px;height:14px;border-radius:50%;background:var(--ai-accent);flex:0 0 auto}
.bae-pulse b{width:44px;height:44px;box-shadow:0 0 0 8px rgba(215,255,54,.12)}
.ai-next-bae small,.ai-next-prdy small{font:500 10px/1.45 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ai-accent)}

.ai-next-prdy{width:min(72%,640px);display:grid;grid-template-columns:90px 1fr;gap:28px;align-items:stretch}
.prdy-chapters{display:grid;grid-template-rows:repeat(4,1fr);border:1px solid rgba(240,239,233,.2)}
.prdy-chapters span{min-height:62px;display:grid;place-items:center;font:500 11px var(--font-mono);color:rgba(240,239,233,.55)}
.prdy-chapters span+span{border-top:1px solid rgba(240,239,233,.16)}
.prdy-chapters span:last-child{background:var(--ai-accent);color:var(--ai-ink)}
.prdy-path{position:relative;min-height:270px;border-left:1px solid rgba(240,239,233,.2)}
.prdy-path::before{content:'';position:absolute;left:0;right:20%;top:50%;border-top:1px solid var(--ai-accent)}
.prdy-path i{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--ai-accent);top:calc(50% - 9px)}
.prdy-path i:nth-child(1){left:12%}.prdy-path i:nth-child(2){left:38%}.prdy-path i:nth-child(3){left:64%}
.prdy-path b{position:absolute;right:0;top:calc(50% - 42px);width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--ai-on-dark);color:var(--ai-ink);font:700 12px var(--font-mono)}
.ai-next-prdy small{grid-column:2}

.ai-next-studio{width:min(76%,700px);min-height:350px;display:grid;grid-template-columns:72px 1fr;border:1px solid rgba(240,239,233,.22)}
.studio-rail{grid-row:1/3;padding:20px;display:grid;align-content:start;gap:18px;border-right:1px solid rgba(240,239,233,.16)}
.studio-rail i{width:30px;height:30px;border:1px solid var(--ai-accent)}
.studio-rail i:first-child{background:var(--ai-accent)}
.studio-work{padding:34px;display:flex;flex-direction:column;justify-content:space-between}
.studio-work>span{font:500 10px var(--font-mono);letter-spacing:.08em;color:var(--ai-accent)}
.studio-work p{font-size:clamp(21px,2.5vw,34px);line-height:1.05;color:var(--ai-on-dark);max-width:460px}
.studio-work div{display:flex;gap:10px;flex-wrap:wrap}
.studio-work b{padding:9px 12px;border:1px solid rgba(240,239,233,.24);font:500 10px var(--font-mono);color:rgba(240,239,233,.65)}
.studio-terminal{padding:22px 34px;border-top:1px solid rgba(240,239,233,.16);font:500 12px/1.65 var(--font-mono);color:var(--ai-on-dark)}
.studio-terminal em{color:var(--ai-accent);font-style:normal}

.ai-next-framework{width:min(72%,640px);aspect-ratio:1;position:relative}
.ai-next-framework .h,.ai-next-framework .v{position:absolute;background:rgba(240,239,233,.2)}
.ai-next-framework .h{left:5%;right:5%;top:50%;height:1px}.ai-next-framework .v{top:5%;bottom:5%;left:50%;width:1px}
.framework-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--ai-accent);color:var(--ai-ink);font-size:20px;font-weight:700;line-height:1.05;z-index:2}
.ai-next-framework span{position:absolute;padding:14px 18px;border:1px solid var(--ai-accent);background:var(--ai-ink);color:var(--ai-on-dark);font:500 11px var(--font-mono);z-index:2}
.ai-next-framework .f1{left:2%;top:17%}.ai-next-framework .f2{right:0;top:17%}.ai-next-framework .f3{left:2%;bottom:17%}.ai-next-framework .f4{right:0;bottom:17%}

@media (max-width: 980px) {
  .ai-project-hero-grid,.ai-section-grid { grid-template-columns:1fr; }
  .ce-loop { grid-template-columns:repeat(3,1fr); }
  .ce-loop article:nth-child(4){border-left:0;border-top:1px solid rgba(240,239,233,.12)}
  .ce-loop article:nth-child(n+5){border-top:1px solid rgba(240,239,233,.12)}
  .a1-ladder { grid-template-columns:1fr 1fr;align-items:stretch; }
  .a1-step:nth-child(n){min-height:300px}.a1-step:nth-child(4){min-height:300px}
  .a1-cycle,.ca-lineage { grid-template-columns:repeat(2,1fr); }
  .a1-cycle article:nth-child(3),.ca-lineage article:nth-child(3){border-left:0;border-top:1px solid var(--ai-soft-line)}
  .a1-cycle article:nth-child(4),.ca-lineage article:nth-child(4){border-top:1px solid var(--ai-soft-line)}
  .st-task { grid-template-columns:repeat(3,1fr); }
  .st-task article:nth-child(4){border-left:0;border-top:1px solid rgba(240,239,233,.12)}
  .st-task article:nth-child(n+5){border-top:1px solid rgba(240,239,233,.12)}
}

@media (min-width:981px) and (max-width:1100px) {
  .ai-content-engine .ai-project-hero-grid { grid-template-columns:1fr; }
}

@media (max-width: 768px) {
  .ai-project-topline { flex-direction:column; }
  .ai-project-meta { grid-template-columns:repeat(2,1fr); }
  .ai-project-meta div:nth-child(3){border-left:0;border-top:1px solid var(--ai-soft-line)}
  .ai-project-meta div:nth-child(4){border-top:1px solid var(--ai-soft-line)}
  .ai-card-grid,.ce-split,.a1-ladder,.a1-cycle,.ca-lineage,.ie-findings,.bae-gate,.pr-rule,.st-capabilities { grid-template-columns:1fr; }
  .ai-card-grid article:nth-child(n),.ce-split article + article,.a1-cycle article + article,.ca-lineage article + article,.ie-findings article + article,.pr-rule article + article,.st-capabilities article + article { border-left:0;border-top:1px solid var(--ai-soft-line); }
  .ai-card-grid article:first-child,.a1-cycle article:first-child,.ca-lineage article:first-child,.ie-findings article:first-child,.pr-rule article:first-child,.st-capabilities article:first-child { border-top:0; }
  .ce-loop,.st-task { grid-template-columns:1fr; }
  .ce-loop article,.ce-loop article:nth-child(n),.st-task article,.st-task article:nth-child(n){border-left:0;border-top:1px solid rgba(240,239,233,.12);min-height:180px}
  .ce-loop article:first-child,.st-task article:first-child{border-top:0}
  .ca-lineage article::after { display:none; }
  .ie-study-band { grid-template-columns:repeat(2,1fr); }
  .ie-study-band div:nth-child(3){border-left:0;border-top:1px solid var(--ai-soft-line)}.ie-study-band div:nth-child(4){border-top:1px solid var(--ai-soft-line)}
  .bae-trace { grid-template-columns:110px 1fr; }
  .bae-gate-mark { width:auto;min-height:120px; }
  .bae-gate .pending { border-left:0;border-top:1px solid var(--ai-line); }
  .pr-spine { grid-template-columns:100px 1fr;min-height:700px}.pr-chapters{padding:15px}.pr-memory{padding:10px;font-size:11px}.pr-retrieval{width:110px;height:110px;font-size:11px}
  .ca-field { min-height:650px }.ca-zone.z1{width:min(280px,78%);height:auto;aspect-ratio:1;left:0;top:16%}.ca-zone.z2{width:min(240px,67%);height:auto;aspect-ratio:1;right:0;top:43%}.ca-agent{width:54px;height:54px}.ca-field-note{left:20px;right:20px;bottom:24px}
  .ie-constellation { min-height:620px }.ie-node.n1{left:12%}.ie-node.n2{left:35%}.ie-node.n3{left:16%}.ie-node.n4{left:48%}.ie-node.vader{right:9%}.ie-clash{left:calc(12% + 20px);right:calc(9% + 20px)}.ie-constellation-note{left:20px;bottom:28px}
  .ai-related { align-items:flex-start;flex-direction:column; }
}

@media (max-width:420px) {
  .ai-project-hero h1 { font-size:clamp(50px,17vw,68px); }
  .ai-project-meta { grid-template-columns:1fr; }
  .ai-project-meta div,.ai-project-meta div + div,.ai-project-meta div:nth-child(3),.ai-project-meta div:nth-child(4){border-left:0;border-top:1px solid var(--ai-soft-line);padding-left:0}
  .ai-project-meta div:first-child{border-top:0}
  .ie-study-band { grid-template-columns:1fr; }
  .ie-study-band div,.ie-study-band div + div,.ie-study-band div:nth-child(3),.ie-study-band div:nth-child(4){border-left:0;border-top:1px solid var(--ai-soft-line)}.ie-study-band div:first-child{border-top:0}
  .bae-trace { grid-template-columns:1fr; }.bae-trace > span{border-right:0;border-bottom:1px solid rgba(240,239,233,.16)}
  .ai-next-motif .dot{width:56px;height:56px;font-size:11px}
  .ai-next-a1os{width:84%}.ai-next-a1os span{min-height:112px;padding:16px;font-size:14px}
  .ai-next-insight{width:86%;grid-template-columns:1fr}.insight-stat{border-right:0;border-bottom:1px solid rgba(240,239,233,.16)}.insight-chart{min-height:190px}.insight-axis{grid-template-columns:auto 1fr}
  .ai-next-bae,.ai-next-prdy,.ai-next-studio,.ai-next-framework{width:86%}
  .ai-next-prdy{grid-template-columns:64px 1fr;gap:16px}.prdy-path b{width:64px;height:64px;top:calc(50% - 32px)}
  .ai-next-studio{grid-template-columns:52px 1fr}.studio-rail{padding:12px}.studio-rail i{width:26px;height:26px}.studio-work,.studio-terminal{padding:22px}
  .framework-core{width:108px;height:108px;font-size:16px}.ai-next-framework span{padding:10px;font-size:9px}
}