.i267 {
  --i267-durable: #0f6b58;
  --i267-durable-soft: #dff3eb;
  --i267-projection: #265cc5;
  --i267-projection-soft: #e3ebff;
  --i267-disposable: #bd4d20;
  --i267-disposable-soft: #fae8dd;
  --i267-deep: #111b27;
  --i267-paper: #fbfaf4;
  background:
    radial-gradient(circle at 10% 4%, color-mix(in srgb, var(--i267-durable), transparent 88%), transparent 28rem),
    radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--i267-projection), transparent 88%), transparent 30rem),
    var(--page);
  color: var(--ink);
  overflow-x: clip;
}

:root[data-effective-theme="dark"] .i267 {
  --i267-durable: #62d8b1;
  --i267-durable-soft: #183b32;
  --i267-projection: #83a9ff;
  --i267-projection-soft: #1d315b;
  --i267-disposable: #ff9a6c;
  --i267-disposable-soft: #4b2a20;
  --i267-deep: #0b111a;
  --i267-paper: #171c1d;
}

html {
  scroll-padding-top: clamp(84px, 10vw, 132px);
}

.sp-nav { overflow-x: auto; }
.sp-status,
.sp-status strong { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }

.i267 :is(section, figure, blockquote)[id] {
  scroll-margin-top: clamp(84px, 10vw, 132px);
}

.i267 a:focus-visible,
.i267 summary:focus-visible {
  outline: 3px solid var(--i267-projection);
  outline-offset: 5px;
  border-radius: 4px;
}

.i267-hero {
  width: min(calc(100% - 40px), 1320px);
  margin: 0 auto;
  padding: clamp(64px, 9vw, 132px) 0 clamp(56px, 8vw, 100px);
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(500px, 1.14fr);
  gap: clamp(44px, 7vw, 104px);
  align-items: center;
}

.i267-hero__copy > span,
.i267-cost__head > span,
.i267-case-study > header > span,
.i267-delivery > header > span,
.i267-control-model > header > span,
.i267-sprawl > header > span,
.i267-portfolio > header > span,
.i267-doctrine > span {
  display: inline-block;
  color: var(--i267-projection);
  font-size: .69rem;
  font-weight: 850;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.i267-hero h1 {
  max-width: 780px;
  margin: 16px 0 22px;
  font-size: clamp(3.2rem, 7.5vw, 7.4rem);
  line-height: .88;
  letter-spacing: -.075em;
  text-wrap: balance;
}

.i267-hero__copy > p {
  max-width: 660px;
  margin: 0;
  color: var(--muted);
  font-size: clamp(1.12rem, 2vw, 1.42rem);
  line-height: 1.5;
}

.i267-hero__copy > blockquote {
  max-width: 650px;
  margin: 30px 0 0;
  border-left: 4px solid var(--i267-durable);
  padding: 3px 0 3px 19px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.25rem, 2.5vw, 2rem);
  font-weight: 700;
  line-height: 1.23;
}

.i267-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 30px;
  color: var(--muted);
  font-size: .78rem;
  font-weight: 730;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.i267-cost {
  margin: 0;
  border: 1px solid color-mix(in srgb, var(--i267-projection), var(--line) 64%);
  border-radius: 30px;
  padding: clamp(22px, 3vw, 38px);
  background: color-mix(in srgb, var(--surface), var(--i267-projection-soft) 15%);
  box-shadow: 0 30px 90px color-mix(in srgb, var(--i267-deep), transparent 86%);
  overflow: hidden;
}

.i267-cost__head h2 {
  max-width: 650px;
  margin: 8px 0 22px;
  font-size: clamp(1.45rem, 2.7vw, 2.45rem);
  line-height: 1.05;
  letter-spacing: -.045em;
}

.i267-cost svg {
  width: 100%;
  height: auto;
  overflow: visible;
  fill: none;
  stroke: none;
}

.i267-cost__grid path {
  stroke: color-mix(in srgb, var(--line), transparent 18%);
  stroke-width: 1;
}

.i267-cost__grid path:first-child {
  stroke: var(--ink);
  stroke-width: 1.5;
}

.i267-cost__line {
  fill: none;
  stroke-linecap: round;
  stroke-width: 8;
}

.i267-cost__line--implementation { stroke: var(--i267-disposable); }
.i267-cost__line--context { stroke: var(--i267-durable); }
.i267-cost text { fill: var(--muted); font: 700 14px Inter, sans-serif; }
.i267-cost__labels text { fill: var(--ink); font-size: 16px; }

.i267-cost figcaption dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 10px 0 0;
}

.i267-cost figcaption dl div {
  border-top: 3px solid var(--i267-disposable);
  padding-top: 12px;
}

.i267-cost figcaption dl div:last-child { border-color: var(--i267-durable); }
.i267-cost dt { font-size: .75rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.i267-cost dd { margin: 5px 0 0; color: var(--muted); font-size: .82rem; line-height: 1.45; }

.i267-reading {
  width: min(calc(100% - 40px), 1180px);
  margin: 0 auto;
  padding-bottom: 112px;
}

.i267-reading > .sp-provisional {
  max-width: 880px;
  margin: 0 auto 28px;
}

.i267-layer-legend {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 0 0 clamp(72px, 10vw, 122px);
}

.i267-layer-legend a {
  min-width: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-top: 5px solid var(--i267-durable);
  border-radius: 0 0 18px 18px;
  padding: 20px;
  background: color-mix(in srgb, var(--surface), var(--i267-durable-soft) 24%);
  text-decoration: none;
}

.i267-layer-legend a[data-layer="generated-projections"] {
  border-top-color: var(--i267-projection);
  background: color-mix(in srgb, var(--surface), var(--i267-projection-soft) 24%);
}

.i267-layer-legend a[data-layer="disposable-implementations"] {
  border-top-color: var(--i267-disposable);
  background: color-mix(in srgb, var(--surface), var(--i267-disposable-soft) 24%);
}

.i267-layer-legend a > span {
  grid-row: 1 / span 2;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 900;
}

.i267-layer-legend strong { font-size: .95rem; line-height: 1.25; }
.i267-layer-legend small { color: var(--muted); font-size: .72rem; line-height: 1.4; }

.i267-section {
  position: relative;
  display: grid;
  grid-template-columns: 156px minmax(0, 760px);
  gap: clamp(24px, 5vw, 64px);
  justify-content: center;
  margin: 0 calc(50% - 50vw);
  padding: clamp(70px, 9vw, 116px) max(20px, calc((100vw - 1180px) / 2));
  border-top: 1px solid var(--line);
}

.i267-section--durable-context {
  background: linear-gradient(90deg, color-mix(in srgb, var(--i267-durable-soft), var(--page) 35%), var(--page) 58%);
}

.i267-section--generated-projections {
  background: linear-gradient(90deg, color-mix(in srgb, var(--i267-projection-soft), var(--page) 38%), var(--page) 58%);
}

.i267-section--disposable-implementations {
  background: linear-gradient(90deg, color-mix(in srgb, var(--i267-disposable-soft), var(--page) 42%), var(--page) 58%);
}

.i267-layer-marker {
  align-self: start;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  border-top: 3px solid var(--i267-durable);
  padding-top: 12px;
  color: var(--i267-durable);
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.i267-section--generated-projections .i267-layer-marker { border-color: var(--i267-projection); color: var(--i267-projection); }
.i267-section--disposable-implementations .i267-layer-marker { border-color: var(--i267-disposable); color: var(--i267-disposable); }
.i267-layer-marker span { opacity: .72; font-weight: 900; }
.i267-layer-marker strong { line-height: 1.3; }

.i267-section__body { min-width: 0; }
.i267-section__body > h2 {
  margin: 0 0 30px;
  font-size: clamp(2.25rem, 5.1vw, 4.6rem);
  line-height: .97;
  letter-spacing: -.06em;
  text-wrap: balance;
}

.i267-section__body > p,
.i267-section__body > ul,
.i267-section__body > ol,
.i267-section__body > blockquote,
.i267-section__body > h3 {
  max-width: 720px;
}

.i267-section__body p,
.i267-section__body li {
  overflow-wrap: anywhere;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.04rem, 1.4vw, 1.17rem);
  line-height: 1.72;
}

.i267-section__body > p { margin: 0 0 1.25em; }
.i267-section__body > ul,
.i267-section__body > ol { margin: 24px 0 34px; padding-left: 1.35em; }
.i267-section__body > blockquote { margin: 28px 0; border-left: 4px solid var(--i267-projection); padding: 6px 0 6px 22px; font-size: 1.2rem; }
.i267-section__body > h3 { margin: 34px 0 10px; font-size: clamp(1.25rem, 2vw, 1.65rem); }

.i267-case-study,
.i267-comparison,
.i267-pipeline,
.i267-projection-map,
.i267-delivery,
.i267-control-model,
.i267-sprawl,
.i267-convergence,
.i267-portfolio,
.i267-doctrine {
  max-width: 980px;
  margin: 46px -110px;
}

.i267-case-study {
  border: 1px solid color-mix(in srgb, var(--i267-durable), var(--line) 48%);
  border-radius: 26px;
  background: var(--surface);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.i267-case-study > header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px 24px;
  align-items: end;
  padding: 28px;
  background: color-mix(in srgb, var(--i267-durable-soft), var(--surface) 48%);
}

.i267-case-study > header > span { grid-column: 1 / -1; color: var(--i267-durable); }
.i267-case-study > header h3 { margin: 0; font-size: clamp(1.55rem, 3vw, 2.4rem); line-height: 1.05; letter-spacing: -.04em; }
.i267-case-study code { border: 1px solid color-mix(in srgb, var(--i267-durable), transparent 55%); border-radius: 999px; padding: 8px 12px; color: var(--i267-durable); background: var(--surface); font-size: .76rem; white-space: nowrap; }

.i267-case-study__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.i267-case-study__grid section { padding: 26px 28px; border-top: 1px solid var(--line); }
.i267-case-study__grid section:nth-child(even) { border-left: 1px solid var(--line); }
.i267-case-study__grid h3 { margin: 0 0 13px; color: var(--i267-durable); font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; }
.i267-case-study__grid ul { margin: 0; padding-left: 1.1rem; }
.i267-case-study__grid li { font-family: Inter, sans-serif; font-size: .84rem; line-height: 1.5; }
.i267-case-study > footer { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 18px 28px; border-top: 1px solid var(--line); color: var(--muted); font-size: .76rem; }
.i267-case-study > footer strong { color: var(--ink); }

.i267-comparison {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.i267-comparison__lane { border: 1px solid var(--line); border-top: 6px solid var(--i267-disposable); border-radius: 0 0 22px 22px; padding: clamp(24px, 4vw, 38px); background: color-mix(in srgb, var(--surface), var(--i267-disposable-soft) 18%); }
.i267-comparison__lane--accept { border-top-color: var(--i267-durable); background: color-mix(in srgb, var(--surface), var(--i267-durable-soft) 20%); }
.i267-comparison__lane > span { color: var(--i267-disposable); font-size: .7rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.i267-comparison__lane--accept > span { color: var(--i267-durable); }
.i267-comparison__lane h3 { margin: 12px 0 20px; font-size: clamp(1.35rem, 2.5vw, 2rem); line-height: 1.05; }
.i267-comparison__lane ul { margin: 0; padding: 0; list-style: none; }
.i267-comparison__lane li { position: relative; padding: 10px 0 10px 24px; border-top: 1px solid var(--line); font-family: Inter, sans-serif; font-size: .86rem; line-height: 1.45; }
.i267-comparison__lane li::before { position: absolute; left: 0; content: "×"; color: var(--i267-disposable); font-weight: 900; }
.i267-comparison__lane--accept li::before { content: "✓"; color: var(--i267-durable); }

.i267-pipeline {
  border-radius: 24px;
  padding: clamp(25px, 4vw, 42px);
  color: #f6f8ff;
  background: var(--i267-deep);
}

.i267-pipeline figcaption { max-width: 650px; margin-bottom: 24px; font-size: clamp(1.3rem, 2.6vw, 2.1rem); font-weight: 800; line-height: 1.1; }
.i267-pipeline ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 0; padding: 1px; list-style: none; background: #415064; }
.i267-pipeline li { min-height: 110px; display: flex; flex-direction: column; justify-content: space-between; padding: 16px; color: #f6f8ff; background: #152335; font-family: Inter, sans-serif; font-size: .88rem; line-height: 1.3; }
.i267-pipeline li span { color: #83a9ff; font-size: .7rem; font-weight: 850; }

.i267-projection-map {
  display: grid;
  grid-template-columns: minmax(190px, .7fr) 80px minmax(0, 1.7fr);
  gap: 0;
  align-items: stretch;
  border: 1px solid color-mix(in srgb, var(--i267-projection), var(--line) 55%);
  border-radius: 26px;
  background: var(--surface);
  overflow: hidden;
}

.i267-projection-map__source { display: flex; flex-direction: column; justify-content: center; padding: 30px; background: color-mix(in srgb, var(--i267-durable-soft), var(--surface) 38%); }
.i267-projection-map__source > span { color: var(--i267-durable); font-size: .69rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.i267-projection-map__source h3 { margin: 9px 0 13px; font-size: clamp(1.5rem, 3vw, 2.4rem); line-height: 1; }
.i267-projection-map__source p { margin: 0; font-family: Inter, sans-serif; font-size: .84rem; line-height: 1.5; }
.i267-projection-map__rail { display: grid; place-items: center; color: var(--i267-projection); background: linear-gradient(90deg, var(--i267-durable-soft), var(--i267-projection-soft)); }
.i267-projection-map__rail span { writing-mode: vertical-rl; font-size: .69rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.i267-projection-map ol { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 0; padding: 1px; list-style: none; background: var(--line); }
.i267-projection-map li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: center; padding: 16px; background: color-mix(in srgb, var(--surface), var(--i267-projection-soft) 12%); font-family: Inter, sans-serif; font-size: .82rem; line-height: 1.25; }
.i267-projection-map li span { color: var(--i267-projection); font-size: .68rem; }
.i267-projection-map figcaption { grid-column: 1 / -1; padding: 16px 24px; border-top: 1px solid var(--line); color: var(--muted); font-size: .78rem; }

.i267-delivery,
.i267-control-model,
.i267-sprawl,
.i267-portfolio {
  border: 1px solid var(--line);
  border-radius: 26px;
  background: var(--surface);
  overflow: hidden;
}

.i267-delivery > header,
.i267-control-model > header,
.i267-sprawl > header,
.i267-portfolio > header { padding: 28px; border-bottom: 1px solid var(--line); }
.i267-delivery > header h3,
.i267-control-model > header h3,
.i267-sprawl > header h3,
.i267-portfolio > header h3 { max-width: 770px; margin: 8px 0 0; font-size: clamp(1.55rem, 3.2vw, 2.55rem); line-height: 1.05; letter-spacing: -.045em; }

.i267-delivery__lanes { display: grid; grid-template-columns: 1.3fr .7fr; }
.i267-delivery__lanes section { padding: 28px; }
.i267-delivery__lanes section + section { border-left: 1px solid var(--line); background: color-mix(in srgb, var(--i267-durable-soft), var(--surface) 40%); }
.i267-delivery__lanes section > span { color: var(--i267-disposable); font-size: .69rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.i267-delivery__lanes section + section > span { color: var(--i267-durable); }
.i267-delivery__lanes ol { margin: 18px 0 0; padding: 0; list-style: none; counter-reset: none; }
.i267-delivery__lanes li { display: grid; grid-template-columns: 30px 1fr; gap: 10px; padding: 8px 0; border-top: 1px solid var(--line); font-family: Inter, sans-serif; font-size: .82rem; line-height: 1.4; }
.i267-delivery__lanes li span { color: var(--muted); font-size: .66rem; font-weight: 850; }

.i267-control-model__path { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; gap: 10px; align-items: center; padding: 24px 28px; color: #f6f8ff; background: var(--i267-deep); font-size: .76rem; text-align: center; }
.i267-control-model__path span { color: #83a9ff; font-size: 1.3rem; }
.i267-control-model > ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin: 0; padding: 1px; list-style: none; background: var(--line); }
.i267-control-model > ul li { min-height: 82px; display: grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: start; padding: 18px; background: color-mix(in srgb, var(--surface), var(--i267-durable-soft) 12%); font-family: Inter, sans-serif; font-size: .82rem; line-height: 1.35; }
.i267-control-model > ul li span { color: var(--i267-durable); font-size: .68rem; font-weight: 900; }

.i267-sprawl { display: grid; grid-template-columns: .8fr 1.2fr; }
.i267-sprawl > header { grid-column: 1 / -1; }
.i267-sprawl__risk,
.i267-sprawl__controls { padding: 28px; }
.i267-sprawl__risk { background: color-mix(in srgb, var(--i267-disposable-soft), var(--surface) 42%); }
.i267-sprawl__controls { border-left: 1px solid var(--line); }
.i267-sprawl h3 { margin: 0 0 18px; font-size: 1.08rem; }
.i267-sprawl__risk ul,
.i267-sprawl__controls ol { margin: 0; padding: 0; list-style: none; }
.i267-sprawl__risk li { display: inline-flex; margin: 0 5px 7px 0; border: 1px solid color-mix(in srgb, var(--i267-disposable), transparent 60%); border-radius: 999px; padding: 6px 10px; color: color-mix(in srgb, var(--i267-disposable), var(--ink) 25%); font-family: Inter, sans-serif; font-size: .73rem; line-height: 1.25; }
.i267-sprawl__controls ol { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 16px; }
.i267-sprawl__controls li { display: grid; grid-template-columns: 24px 1fr; gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--line); font-family: Inter, sans-serif; font-size: .78rem; line-height: 1.35; }
.i267-sprawl__controls li span { color: var(--i267-durable); font-size: .65rem; font-weight: 850; }
.i267-sprawl__lifecycle { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(6, 1fr); margin: 0; padding: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); list-style: none; }
.i267-sprawl__lifecycle li { position: relative; padding: 16px 9px; color: var(--muted); font-family: Inter, sans-serif; font-size: .7rem; font-weight: 800; text-align: center; text-transform: uppercase; }
.i267-sprawl__lifecycle li + li { border-left: 1px solid var(--line); }
.i267-sprawl > aside { grid-column: 1 / -1; display: grid; grid-template-columns: 56px 1fr; gap: 18px; align-items: center; padding: 26px 28px; color: #f8eee8; background: #4b2518; }
.i267-sprawl > aside > span { font: 700 3rem Georgia, serif; }
.i267-sprawl > aside strong { font-size: 1.08rem; }
.i267-sprawl > aside p { margin: 5px 0 0; color: #e7c9bc; font-family: Inter, sans-serif; font-size: .82rem; line-height: 1.4; }

.i267-convergence {
  border: 1px solid color-mix(in srgb, var(--i267-projection), var(--line) 54%);
  border-radius: 26px;
  background: var(--surface);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.i267-convergence > header { padding: 28px; background: color-mix(in srgb, var(--i267-projection-soft), var(--surface) 46%); }
.i267-convergence > header > span,
.i267-convergence__source > span { color: var(--i267-projection); font-size: .69rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.i267-convergence > header h3 { max-width: 760px; margin: 8px 0 10px; font-size: clamp(1.55rem, 3.2vw, 2.55rem); line-height: 1.05; letter-spacing: -.045em; }
.i267-convergence > header p { max-width: 680px; margin: 0; color: var(--muted); font-family: Inter, sans-serif; font-size: .86rem; line-height: 1.5; }
.i267-convergence__sources,
.i267-convergence__boundaries { display: grid; grid-template-columns: 1fr 1fr; }
.i267-convergence__source { min-width: 0; padding: 26px 28px; border-top: 1px solid var(--line); }
.i267-convergence__source:nth-child(even) { border-left: 1px solid var(--line); }
.i267-convergence__source h4 { margin: 9px 0 11px; font-size: 1.35rem; }
.i267-convergence__source > p,
.i267-convergence__source details,
.i267-convergence__source li { font-family: Inter, sans-serif; font-size: .78rem; line-height: 1.5; }
.i267-convergence__source > p { min-height: 3.1em; margin: 0 0 16px; color: var(--muted); }
.i267-convergence__source details { border-top: 1px solid var(--line); padding-top: 12px; }
.i267-convergence__source summary { width: fit-content; cursor: pointer; color: var(--i267-projection); font-weight: 800; }
.i267-convergence__source details > strong { display: block; margin-top: 14px; }
.i267-convergence__source ul { margin: 8px 0 0; padding-left: 1.1rem; }
.i267-convergence__links { list-style: none; padding-left: 0 !important; }
.i267-convergence__links li + li { margin-top: 10px; }
.i267-convergence__links a { font-weight: 750; }
.i267-convergence__links small { display: block; margin-top: 2px; color: var(--muted); }
.i267-convergence__boundaries { gap: 1px; padding: 1px; border-top: 1px solid var(--line); background: var(--line); }
.i267-convergence__boundaries section { padding: 22px 24px; background: color-mix(in srgb, var(--surface), var(--i267-durable-soft) 14%); }
.i267-convergence__boundaries h4 { margin: 0 0 9px; color: var(--i267-durable); font-size: .82rem; letter-spacing: .06em; text-transform: uppercase; }
.i267-convergence__boundaries p { margin: 0; font-family: Inter, sans-serif; font-size: .78rem; line-height: 1.5; }

.i267-portfolio > header p { max-width: 700px; margin: 12px 0 0; color: var(--muted); font-family: Inter, sans-serif; font-size: .86rem; line-height: 1.5; }
.i267-portfolio__axis { display: grid; grid-template-columns: 1fr 1fr; padding: 10px 28px; color: var(--muted); background: var(--surface-2); font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.i267-portfolio__axis span:last-child { text-align: right; }
.i267-portfolio__grid { display: grid; grid-template-columns: 1fr 1fr; }
.i267-portfolio__grid section { min-height: 230px; padding: 28px; border-top: 1px solid var(--line); }
.i267-portfolio__grid section:nth-child(even) { border-left: 1px solid var(--line); }
.i267-portfolio__grid section:nth-child(1),
.i267-portfolio__grid section:nth-child(2) { background: color-mix(in srgb, var(--i267-durable-soft), var(--surface) 62%); }
.i267-portfolio__grid section:nth-child(3),
.i267-portfolio__grid section:nth-child(4) { background: color-mix(in srgb, var(--i267-disposable-soft), var(--surface) 68%); }
.i267-portfolio__grid section > span { color: var(--muted); font-size: .68rem; font-weight: 900; }
.i267-portfolio__grid h3 { margin: 10px 0 13px; font-size: clamp(1.35rem, 2.7vw, 2rem); }
.i267-portfolio__grid p { margin: 0; font-family: Inter, sans-serif; font-size: .86rem; line-height: 1.5; }

.i267-doctrine {
  position: relative;
  display: block;
  border: 0;
  border-radius: 28px;
  padding: clamp(34px, 6vw, 70px);
  color: #f7fbf9;
  background:
    linear-gradient(135deg, color-mix(in srgb, #0f6b58, #07130f 22%), #10233e 58%, #4a2518);
  box-shadow: 0 32px 90px rgba(7, 19, 15, .28);
  overflow: hidden;
}

.i267-doctrine strong {
  display: block;
  max-width: 870px;
  margin-top: 16px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.1rem, 5.4vw, 5rem);
  line-height: .98;
  letter-spacing: -.045em;
}

.i267-doctrine > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 42px; background: rgba(255,255,255,.25); }
.i267-doctrine i { padding: 14px; background: rgba(8, 18, 21, .58); font-family: Inter, sans-serif; font-size: .72rem; font-style: normal; font-weight: 850; letter-spacing: .14em; text-align: center; text-transform: uppercase; }

.i267 .sp-evidence,
.i267 .sp-connected { margin-top: clamp(78px, 10vw, 130px); }

@media (max-width: 1050px) {
  .i267-hero { grid-template-columns: 1fr; }
  .i267-cost { max-width: 820px; }
  .i267-section { grid-template-columns: 120px minmax(0, 1fr); }
  .i267-case-study,
  .i267-comparison,
  .i267-pipeline,
  .i267-projection-map,
  .i267-delivery,
  .i267-control-model,
  .i267-sprawl,
  .i267-convergence,
  .i267-portfolio,
  .i267-doctrine { margin-right: 0; margin-left: 0; }
}

@media (max-width: 760px) {
  html { scroll-padding-top: 124px; }
  .i267 :is(section, figure, blockquote)[id] { scroll-margin-top: 124px; }
  .i267-hero,
  .i267-reading { width: min(calc(100% - 28px), 1180px); }
  .i267-hero { padding-top: 52px; }
  .i267-hero h1 { font-size: clamp(3rem, 15vw, 5.7rem); }
  .i267-cost { border-radius: 22px; }
  .i267-cost figcaption dl,
  .i267-layer-legend,
  .i267-case-study__grid,
  .i267-comparison,
  .i267-delivery__lanes,
  .i267-portfolio__grid { grid-template-columns: 1fr; }
  .i267-convergence__sources,
  .i267-convergence__boundaries { grid-template-columns: 1fr; }
  .i267-convergence__source:nth-child(even) { border-left: 0; }
  .i267-layer-legend { gap: 8px; }
  .i267-section { display: block; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding-right: 20px; padding-left: 20px; }
  .i267-layer-marker { width: max-content; max-width: 100%; margin-bottom: 28px; }
  .i267-case-study > header { grid-template-columns: 1fr; }
  .i267-case-study code { width: fit-content; white-space: normal; }
  .i267-case-study__grid section:nth-child(even),
  .i267-delivery__lanes section + section,
  .i267-portfolio__grid section:nth-child(even) { border-left: 0; }
  .i267-projection-map { grid-template-columns: 1fr; }
  .i267-projection-map__rail { min-height: 50px; }
  .i267-projection-map__rail span { writing-mode: horizontal-tb; }
  .i267-control-model__path { grid-template-columns: 1fr; text-align: left; }
  .i267-control-model__path span { transform: rotate(90deg); justify-self: start; }
  .i267-control-model > ul { grid-template-columns: 1fr; }
  .i267-sprawl { grid-template-columns: 1fr; }
  .i267-sprawl__controls { border-top: 1px solid var(--line); border-left: 0; }
  .i267-sprawl__lifecycle { grid-template-columns: repeat(3, 1fr); }
  .i267-sprawl__lifecycle li:nth-child(4) { border-left: 0; }
  .i267-doctrine > div { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
  .i267-hero,
  .i267-reading { width: min(calc(100% - 20px), 1180px); }
  .i267-hero h1 { font-size: clamp(2.8rem, 16vw, 4.4rem); }
  .i267-cost { padding: 18px 14px; }
  .i267-cost__labels { display: none; }
  .i267-layer-legend a { padding: 16px; }
  .i267-section { padding-right: 14px; padding-left: 14px; }
  .i267-section__body > h2 { font-size: clamp(2.05rem, 12vw, 3rem); }
  .i267-case-study,
  .i267-comparison__lane,
  .i267-pipeline,
  .i267-delivery > header,
  .i267-delivery__lanes section,
  .i267-control-model > header,
  .i267-sprawl > header,
  .i267-sprawl__risk,
  .i267-sprawl__controls,
  .i267-portfolio > header,
  .i267-portfolio__grid section { border-radius: 16px; padding: 20px; }
  .i267-projection-map ol,
  .i267-sprawl__controls ol { grid-template-columns: 1fr; }
  .i267-pipeline ol { grid-template-columns: 1fr 1fr; }
  .i267-doctrine { padding: 28px 22px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .i267 *,
  .i267 *::before,
  .i267 *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
}

@media print {
  @page { size: auto; margin: 13mm; }
  :root,
  :root[data-effective-theme="dark"] { color-scheme: light; --page: #fff; --surface: #fff; --surface-2: #f2f2f2; --ink: #000; --muted: #333; --line: #999; }
  body { background: #fff; color: #000; font-size: 10.5pt; }
  .sp-topbar,
  .sp-shell-tools,
  .sp-theme,
  .sp-proofbar,
  .i267-layer-legend,
  .i267-reading > .sp-provisional { display: none !important; }
  .sp-main,
  .i267,
  .i267-hero,
  .i267-reading,
  .i267-section,
  .i267 .sp-evidence,
  .i267 .sp-connected { width: 100%; max-width: none; margin: 0; padding-right: 0; padding-left: 0; background: #fff !important; box-shadow: none; }
  .i267-hero { display: block; padding: 0 0 12mm; }
  .i267-hero h1 { font-size: 42pt; }
  .i267-cost { margin-top: 9mm; border-radius: 0; box-shadow: none; }
  .i267-section { grid-template-columns: 32mm 1fr; gap: 8mm; padding-top: 10mm; padding-bottom: 10mm; break-inside: auto; }
  .i267-section__body > h2 { font-size: 25pt; }
  .i267-case-study,
  .i267-comparison,
  .i267-pipeline,
  .i267-projection-map,
  .i267-delivery,
  .i267-control-model,
  .i267-sprawl,
  .i267-convergence,
  .i267-portfolio,
  .i267-doctrine { margin-right: 0; margin-left: 0; break-inside: avoid; box-shadow: none; }
  .i267-convergence details > * { display: block !important; }
  .i267-convergence summary { display: none !important; }
  .i267-pipeline,
  .i267-doctrine,
  .i267-control-model__path,
  .i267-sprawl > aside { color: #000; background: #eee; }
  .i267-pipeline li { color: #000; background: #fff; }
  .i267-doctrine strong { font-size: 28pt; }
  a { color: #000; text-decoration: underline; }
}