:root {
  --origin-ink: #f2efe7;
  --origin-ink-soft: #c9c8c2;
  --origin-steel: #90979f;
  --origin-bg: #08090b;
  --origin-bg-raised: #111318;
  --origin-bg-soft: #171a1f;
  --origin-signal: #d5ff4f;
  --origin-line: rgba(242, 239, 231, 0.16);
  --origin-line-strong: rgba(242, 239, 231, 0.34);
  --origin-header-h: 92px;
  --origin-gutter: clamp(22px, 4vw, 68px);
  --origin-section-y: clamp(96px, 14vw, 210px);
  --origin-max: 1600px;
  --origin-ease: cubic-bezier(.2, .8, .2, 1);
}

.origin-section-shell { width: min(100%, var(--origin-max)); margin-inline: auto; padding: var(--origin-section-y) var(--origin-gutter); }
.origin-section-meta {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 28px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--origin-line);
  color: var(--origin-steel);
  font: 600 10px/1.2 "SFMono-Regular", Consolas, monospace;
  letter-spacing: .14em;
}
.origin-eyebrow {
  margin: 0 0 26px;
  color: var(--origin-steel);
  font: 600 10px/1.25 "SFMono-Regular", Consolas, monospace;
  letter-spacing: .18em;
}

.origin-hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: calc(var(--origin-header-h) + 58px) var(--origin-gutter) 44px;
}
.origin-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent calc(25% - .5px), var(--origin-line) 25%, transparent calc(25% + .5px)),
    linear-gradient(90deg, transparent calc(75% - .5px), var(--origin-line) 75%, transparent calc(75% + .5px));
  mask-image: linear-gradient(to bottom, transparent 7%, #000 28%, #000 82%, transparent 98%);
}
.origin-hero-grid {
  position: relative;
  z-index: 1;
  width: min(100%, var(--origin-max));
  margin: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
  align-items: center;
  gap: clamp(36px, 5vw, 96px);
}
.origin-hero-copy { position: relative; z-index: 2; padding-top: 30px; }
.origin-hero-title {
  margin: 0;
  font-size: clamp(68px, 8.7vw, 150px);
  font-weight: 520;
  line-height: .82;
  letter-spacing: -.075em;
}
.origin-title-line { display: block; white-space: nowrap; }
.origin-title-accent { color: var(--origin-signal); font-weight: 360; }
.origin-hero-intro {
  max-width: 620px;
  margin: clamp(36px, 5vw, 72px) 0 0;
  color: var(--origin-ink-soft);
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.45;
  letter-spacing: -.025em;
}
.origin-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 28px; margin-top: 38px; }
.origin-button {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 0 21px;
  border: 1px solid transparent;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: background .3s, color .3s, border-color .3s, transform .3s var(--origin-ease);
}
.origin-button:hover { transform: translateY(-2px); }
.origin-button:focus-visible, .origin-text-link:focus-visible, .origin-inline-arrow:focus-visible { outline: 2px solid var(--origin-signal); outline-offset: 5px; }
.origin-button-primary { min-width: 215px; color: var(--origin-bg); background: var(--origin-signal); }
.origin-button-primary:hover { color: var(--origin-bg); background: var(--origin-ink); }
.origin-button-ghost { border-color: var(--origin-line-strong); }
.origin-button-ghost:hover { color: var(--origin-bg); background: var(--origin-ink); border-color: var(--origin-ink); }
.origin-text-link {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  padding: 12px 0 8px;
  border-bottom: 1px solid var(--origin-line-strong);
  color: var(--origin-ink-soft);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: gap .3s var(--origin-ease), color .3s, border-color .3s;
}
.origin-text-link:hover { gap: 30px; color: var(--origin-ink); border-color: var(--origin-signal); }

.origin-hero-visual {
  position: relative;
  justify-self: end;
  width: min(46vw, 640px);
  aspect-ratio: 1;
  border: 1px solid var(--origin-line);
  background: rgba(17, 19, 24, .34);
  transform: translate3d(calc(var(--origin-mx, 0) * 8px), calc(var(--origin-my, 0) * 8px), 0);
  transition: transform .25s ease-out;
}
.origin-hero-visual::before, .origin-hero-visual::after {
  content: "";
  position: absolute;
  pointer-events: none;
  background: var(--origin-line);
}
.origin-hero-visual::before { left: 50%; top: 0; bottom: 0; width: 1px; }
.origin-hero-visual::after { top: 50%; left: 0; right: 0; height: 1px; }
.origin-visual-coordinates, .origin-visual-index {
  position: absolute;
  z-index: 2;
  left: 18px;
  right: 18px;
  display: flex;
  justify-content: space-between;
  color: var(--origin-steel);
  font: 600 8px/1.2 "SFMono-Regular", Consolas, monospace;
  letter-spacing: .12em;
}
.origin-visual-coordinates { top: 17px; }
.origin-visual-index { bottom: 17px; }
.origin-sequence-field { width: 100%; height: 100%; overflow: visible; }
.origin-orbit { fill: none; stroke: var(--origin-line); stroke-width: 1; stroke-dasharray: 2 8; transform-origin: center; }
.origin-orbit-one { animation: origin-spin 32s linear infinite; }
.origin-orbit-two { animation: origin-spin 22s linear infinite reverse; }
.origin-orbit-three { stroke: rgba(213,255,79,.28); animation: origin-spin 16s linear infinite; }
.origin-sequence-path { fill: none; stroke: var(--origin-line-strong); stroke-width: 1.5; }
.origin-signal-path {
  fill: none;
  stroke: url(#original-signal);
  stroke-width: 2;
  stroke-dasharray: 140 900;
  stroke-dashoffset: 800;
  animation: origin-signalTravel 5s var(--origin-ease) infinite;
}
.origin-sequence-nodes circle { fill: var(--origin-bg); stroke: var(--origin-signal); stroke-width: 2; }
.origin-center-code { fill: var(--origin-ink); font: 520 38px/1 "Helvetica Neue", Arial, sans-serif; letter-spacing: -.08em; }
.origin-hero-foot {
  position: relative;
  z-index: 2;
  width: min(100%, var(--origin-max));
  margin: 30px auto 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  color: var(--origin-steel);
  font: 600 9px/1 "SFMono-Regular", Consolas, monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.origin-scroll-rule { height: 1px; background: linear-gradient(90deg, var(--origin-signal), var(--origin-line) 22%, var(--origin-line)); }

.origin-manifesto {
  display: grid;
  grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr);
  column-gap: clamp(40px, 8vw, 150px);
  border-top: 1px solid var(--origin-line);
}
.origin-manifesto .origin-section-meta { grid-column: 1 / -1; }
.origin-manifesto-copy { grid-column: 2; padding-top: clamp(78px, 10vw, 150px); }
.origin-statement {
  max-width: 1120px;
  margin: 0;
  font-size: clamp(44px, 6.2vw, 108px);
  font-weight: 390;
  line-height: .98;
  letter-spacing: -.055em;
}
.origin-statement-support {
  max-width: 650px;
  margin: 62px 0 0 auto;
  padding-left: clamp(0px, 5vw, 90px);
  color: var(--origin-ink-soft);
  font-size: clamp(18px, 1.65vw, 25px);
  line-height: 1.48;
  letter-spacing: -.025em;
}

.origin-principles { background: var(--origin-bg-raised); }
.origin-section-heading { display: grid; grid-template-columns: .62fr 1.38fr; gap: 40px; padding: clamp(78px, 10vw, 150px) 0 clamp(60px, 8vw, 115px); }
.origin-section-heading .origin-display-heading { grid-column: 2; }
.origin-display-heading {
  margin: 0;
  font-size: clamp(47px, 5.7vw, 96px);
  font-weight: 400;
  line-height: .98;
  letter-spacing: -.057em;
}
.origin-principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--origin-line); border-bottom: 1px solid var(--origin-line); }
.origin-principle-card { position: relative; min-height: 500px; padding: 34px clamp(24px, 3vw, 48px) 40px; border-right: 1px solid var(--origin-line); overflow: hidden; }
.origin-principle-card:first-child { padding-left: 0; }
.origin-principle-card:last-child { border-right: 0; padding-right: 0; }
.origin-card-number, .origin-sequence-status, .origin-layer-code {
  color: var(--origin-steel);
  font: 600 9px/1 "SFMono-Regular", Consolas, monospace;
  letter-spacing: .14em;
}
.origin-principle-card h3 { max-width: 270px; margin: 150px 0 24px; font-size: clamp(27px, 2.3vw, 38px); font-weight: 430; line-height: 1.04; letter-spacing: -.04em; }
.origin-principle-card p { max-width: 340px; margin: 0; color: var(--origin-steel); font-size: 15px; line-height: 1.65; }
.origin-card-signal { position: absolute; right: 26px; bottom: 30px; left: 0; height: 62px; display: flex; align-items: flex-end; gap: 5px; opacity: .55; }
.origin-card-signal span { flex: 1; height: 16%; background: var(--origin-ink); transition: height .5s var(--origin-ease), background .5s; }
.origin-card-signal span:nth-child(2) { height: 82%; background: var(--origin-signal); }
.origin-card-signal span:nth-child(3) { height: 37%; }
.origin-card-signal span:nth-child(4) { height: 58%; }
.origin-signal-two span:first-child { height: 70%; }
.origin-signal-two span:nth-child(2) { height: 24%; background: var(--origin-ink); }
.origin-signal-two span:nth-child(3) { height: 90%; background: var(--origin-signal); }
.origin-signal-three span:first-child { height: 24%; }
.origin-signal-three span:nth-child(2) { height: 45%; background: var(--origin-ink); }
.origin-signal-three span:nth-child(3) { height: 62%; background: var(--origin-ink); }
.origin-signal-three span:nth-child(4) { height: 90%; background: var(--origin-signal); }
.origin-principle-card:hover .origin-card-signal span { height: 80%; background: var(--origin-signal); }
.origin-inline-arrow { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 28px 0 0; font-size: 12px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.origin-inline-arrow span { transition: transform .3s var(--origin-ease); }
.origin-inline-arrow:hover span { transform: translate(5px, -5px); }

.origin-operating-system { background: var(--origin-ink); color: var(--origin-bg); }
.origin-operating-system .origin-section-meta { color: rgba(8,9,11,.55); border-color: rgba(8,9,11,.18); }
.origin-system-layout { display: grid; grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr); gap: clamp(55px, 9vw, 170px); padding-top: clamp(80px, 10vw, 145px); }
.origin-system-copy { align-self: start; position: sticky; top: 125px; }
.origin-operating-system .origin-eyebrow { color: rgba(8,9,11,.52); }
.origin-system-intro { max-width: 540px; margin: 44px 0 42px; color: rgba(8,9,11,.65); font-size: 18px; line-height: 1.6; }
.origin-operating-system .origin-button-ghost { border-color: rgba(8,9,11,.35); }
.origin-operating-system .origin-button-ghost:hover { color: var(--origin-ink); background: var(--origin-bg); border-color: var(--origin-bg); }
.origin-system-sequence { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(8,9,11,.2); }
.origin-sequence-item { display: grid; grid-template-columns: 50px 1fr auto; align-items: start; gap: 28px; min-height: 190px; padding: 30px 0; border-bottom: 1px solid rgba(8,9,11,.2); }
.origin-sequence-index { font: 600 10px/1 "SFMono-Regular", Consolas, monospace; }
.origin-sequence-item h3 { margin: 0 0 15px; font-size: clamp(30px, 3.4vw, 55px); font-weight: 430; line-height: 1; letter-spacing: -.05em; }
.origin-sequence-item p { max-width: 510px; margin: 0; color: rgba(8,9,11,.6); font-size: 15px; line-height: 1.58; }
.origin-sequence-status { align-self: end; color: rgba(8,9,11,.45); }

.origin-company-passage { background: var(--origin-bg); }
.origin-passage-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(55px, 9vw, 170px); align-items: center; padding-top: clamp(80px, 11vw, 170px); }
.origin-passage-mark { position: relative; aspect-ratio: 1; border: 1px solid var(--origin-line); }
.origin-passage-mark::before { content: "CORE / COMPANY"; position: absolute; top: 18px; left: 18px; color: var(--origin-steel); font: 600 8px/1 "SFMono-Regular", Consolas, monospace; letter-spacing: .14em; }
.origin-passage-mark svg { width: 100%; height: 100%; padding: 17%; fill: none; stroke: var(--origin-ink); stroke-width: 1.2; }
.origin-passage-mark circle { fill: var(--origin-signal); stroke: none; }
.origin-passage-copy > p:not(.origin-eyebrow) { max-width: 650px; margin: 42px 0; color: var(--origin-ink-soft); font-size: 19px; line-height: 1.65; }

.origin-closing { position: relative; min-height: 92svh; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: 120px var(--origin-gutter); text-align: center; background: var(--origin-bg-raised); }
.origin-closing::before { content: ""; position: absolute; width: min(85vw, 1200px); aspect-ratio: 1; border: 1px solid var(--origin-line); border-radius: 50%; }
.origin-closing::after { content: ""; position: absolute; width: min(52vw, 720px); aspect-ratio: 1; border: 1px dashed var(--origin-line); border-radius: 50%; animation: origin-spin 35s linear infinite; }
.origin-closing > * { position: relative; z-index: 1; }
.origin-closing-title {
  margin: 0;
  font-size: clamp(55px, 8.6vw, 148px);
  font-weight: 410;
  line-height: .9;
  letter-spacing: -.07em;
}
.origin-closing-title em, .origin-inner-title em { color: var(--origin-signal); font-style: normal; font-weight: 340; }
.origin-text-link-large { margin-top: 65px; font-size: 13px; }
.origin-closing-sequence { position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; gap: clamp(6px, 1vw, 15px); opacity: .07; }
.origin-closing-sequence span { width: clamp(24px, 5vw, 88px); background: var(--origin-ink); }
.origin-closing-sequence span:nth-child(1) { height: 11%; }.origin-closing-sequence span:nth-child(2) { height: 24%; }.origin-closing-sequence span:nth-child(3) { height: 48%; }.origin-closing-sequence span:nth-child(4) { height: 78%; }.origin-closing-sequence span:nth-child(5) { height: 48%; }.origin-closing-sequence span:nth-child(6) { height: 24%; }.origin-closing-sequence span:nth-child(7) { height: 11%; }

.origin-site-footer {
  min-height: 260px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  gap: 40px;
  padding: 55px var(--origin-gutter);
  border-top: 1px solid var(--origin-line);
  background: #050607;
}
.origin-footer-nav { display: flex; gap: 34px; }
.origin-footer-nav a { color: var(--origin-steel); font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; transition: color .2s; }
.origin-footer-nav a:hover { color: var(--origin-signal); }
.origin-site-footer > p { justify-self: end; margin: 0; color: var(--origin-steel); text-align: right; font: 500 10px/1.8 "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; }

/* Inner pages */
.origin-inner-hero {
  position: relative;
  min-height: 93svh;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  align-items: center;
  gap: clamp(50px, 8vw, 140px);
  overflow: hidden;
  padding: calc(var(--origin-header-h) + 80px) var(--origin-gutter) 90px;
  border-bottom: 1px solid var(--origin-line);
}
.origin-inner-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, transparent calc(50% - .5px), var(--origin-line) 50%, transparent calc(50% + .5px)); mask-image: linear-gradient(to bottom, transparent, #000 24%, #000 80%, transparent); }
.origin-inner-hero-copy, .origin-inner-hero-mark, .origin-principle-orbit, .origin-layer-stack { position: relative; z-index: 1; }
.origin-inner-title { max-width: 1120px; margin: 0; font-size: clamp(61px, 8.6vw, 145px); font-weight: 430; line-height: .88; letter-spacing: -.072em; }
.origin-inner-lede { max-width: 680px; margin: 58px 0 0; color: var(--origin-ink-soft); font-size: clamp(19px, 1.6vw, 25px); line-height: 1.5; letter-spacing: -.025em; }
.origin-inner-hero-mark { justify-self: end; width: min(37vw, 530px); aspect-ratio: 1; display: grid; align-content: center; justify-items: center; border: 1px solid var(--origin-line); }
.origin-inner-hero-mark::before, .origin-inner-hero-mark::after { content: ""; position: absolute; border: 1px solid var(--origin-line); border-radius: 50%; }
.origin-inner-hero-mark::before { inset: 13%; }.origin-inner-hero-mark::after { inset: 28%; border-style: dashed; animation: origin-spin 24s linear infinite; }
.origin-inner-hero-mark span { position: relative; z-index: 1; font-size: clamp(48px, 6vw, 92px); font-weight: 450; line-height: .83; letter-spacing: -.07em; }
.origin-inner-hero-mark span:nth-child(2) { color: var(--origin-signal); }
.origin-inner-hero-mark i { position: absolute; width: 12px; height: 12px; top: 13%; left: 50%; border-radius: 50%; background: var(--origin-signal); transform: translate(-50%,-50%); animation: origin-pulse 2.2s ease-in-out infinite; }
.origin-page-progress { position: absolute; right: var(--origin-gutter); bottom: 34px; left: var(--origin-gutter); display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }
.origin-page-progress span { height: 2px; background: var(--origin-line); }.origin-page-progress .origin-active { background: var(--origin-signal); }

.origin-editorial-section { border-bottom: 1px solid var(--origin-line); }
.origin-editorial-section.origin-tinted { background: var(--origin-bg-raised); }
.origin-editorial-grid { display: grid; grid-template-columns: 1fr .76fr; gap: clamp(55px, 9vw, 160px); padding-top: clamp(78px, 10vw, 145px); }
.origin-prose { padding-top: 7px; }
.origin-prose p { margin: 0 0 34px; color: var(--origin-ink-soft); font-size: clamp(18px, 1.55vw, 24px); line-height: 1.65; letter-spacing: -.02em; }

.origin-focus-section .origin-display-heading, .origin-connection-section .origin-display-heading { max-width: 930px; margin: clamp(75px, 10vw, 145px) 0 90px; }
.origin-focus-list { border-top: 1px solid var(--origin-line); }
.origin-focus-row { display: grid; grid-template-columns: 60px .8fr 1fr; gap: 36px; align-items: start; padding: 42px 0; border-bottom: 1px solid var(--origin-line); }
.origin-focus-row > span { color: var(--origin-steel); font: 600 10px/1 "SFMono-Regular", Consolas, monospace; }
.origin-focus-row h3 { margin: 0; font-size: clamp(25px, 2.3vw, 38px); font-weight: 430; line-height: 1.1; letter-spacing: -.04em; }
.origin-focus-row p { max-width: 510px; margin: 0; color: var(--origin-steel); font-size: 15px; line-height: 1.65; }

.origin-inner-closing { min-height: 78svh; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 120px var(--origin-gutter); background: var(--origin-bg-soft); }
.origin-inner-closing .origin-closing-title { margin-bottom: 55px; }
.origin-not-found { min-height: 100svh; }

.origin-principle-orbit { justify-self: end; width: min(38vw, 560px); aspect-ratio: 1; border: 1px solid var(--origin-line); border-radius: 50%; animation: origin-spin 38s linear infinite; }
.origin-principle-orbit::before, .origin-principle-orbit::after { content: ""; position: absolute; border: 1px dashed var(--origin-line); border-radius: 50%; }
.origin-principle-orbit::before { inset: 19%; }.origin-principle-orbit::after { inset: 38%; background: rgba(213,255,79,.04); }
.origin-principle-orbit span { position: absolute; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--origin-line-strong); border-radius: 50%; background: var(--origin-bg); color: var(--origin-steel); font: 600 9px/1 "SFMono-Regular", Consolas, monospace; }
.origin-principle-orbit span:nth-child(1) { top: -21px; left: calc(50% - 21px); }.origin-principle-orbit span:nth-child(2) { top: 20%; right: 1%; }.origin-principle-orbit span:nth-child(3) { right: 9%; bottom: 12%; }.origin-principle-orbit span:nth-child(4) { bottom: -21px; left: calc(50% - 21px); }.origin-principle-orbit span:nth-child(5) { bottom: 12%; left: 9%; }.origin-principle-orbit span:nth-child(6) { top: 20%; left: 1%; }
.origin-principle-orbit i { position: absolute; inset: 0; display: grid; place-items: center; color: var(--origin-signal); font: normal 600 12px/1 "SFMono-Regular", Consolas, monospace; letter-spacing: .18em; animation: origin-spin 38s linear infinite reverse; }
.origin-axioms { padding-top: 0; padding-bottom: 0; }
.origin-axiom { min-height: 480px; display: grid; grid-template-columns: .36fr 1.64fr; gap: 40px; align-items: center; padding: clamp(70px, 9vw, 140px) 0; border-bottom: 1px solid var(--origin-line); }
.origin-axiom-number { align-self: start; color: var(--origin-signal); font-size: clamp(70px, 10vw, 170px); font-weight: 350; line-height: .75; letter-spacing: -.08em; }
.origin-axiom h2 { max-width: 980px; margin: 0 0 42px; font-size: clamp(48px, 6vw, 100px); font-weight: 390; line-height: .96; letter-spacing: -.06em; }
.origin-axiom p:not(.origin-eyebrow) { max-width: 690px; margin: 0; color: var(--origin-ink-soft); font-size: 19px; line-height: 1.6; }

.origin-layer-stack { justify-self: end; width: min(38vw, 560px); height: 530px; perspective: 900px; }
.origin-layer-stack span { position: absolute; right: 0; left: 0; height: 105px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--origin-line-strong); background: rgba(17,19,24,.86); color: var(--origin-steel); font: 600 10px/1 "SFMono-Regular", Consolas, monospace; letter-spacing: .16em; transform: rotateX(64deg) rotateZ(-8deg); box-shadow: 0 16px 35px rgba(0,0,0,.22); }
.origin-layer-stack span:nth-child(1) { top: 0; color: var(--origin-signal); border-color: rgba(213,255,79,.4); animation: origin-layerFloat 4s ease-in-out infinite; }
.origin-layer-stack span:nth-child(2) { top: 82px; }.origin-layer-stack span:nth-child(3) { top: 164px; }.origin-layer-stack span:nth-child(4) { top: 246px; }.origin-layer-stack span:nth-child(5) { top: 328px; }
.origin-layers { padding-top: 0; padding-bottom: 0; }
.origin-layer { min-height: 430px; display: grid; grid-template-columns: 100px 1fr auto; gap: 40px; align-items: center; padding: 70px 0; border-bottom: 1px solid var(--origin-line); }
.origin-layer-index { align-self: start; color: var(--origin-signal); font-size: 13px; font-weight: 600; font-family: "SFMono-Regular", Consolas, monospace; }
.origin-layer h2 { max-width: 1000px; margin: 0 0 30px; font-size: clamp(47px, 6.3vw, 105px); font-weight: 390; line-height: .95; letter-spacing: -.06em; }
.origin-layer p:not(.origin-eyebrow) { max-width: 700px; margin: 0; color: var(--origin-ink-soft); font-size: 18px; line-height: 1.65; }
.origin-layer-code { align-self: end; }
.origin-connection-section { background: var(--origin-ink); color: var(--origin-bg); }
.origin-connection-section .origin-section-meta { color: rgba(8,9,11,.55); border-color: rgba(8,9,11,.2); }
.origin-connection-flow { margin: 0; padding: 0; border-top: 1px solid rgba(8,9,11,.18); list-style: none; }
.origin-connection-flow li { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: baseline; padding: 23px 0; border-bottom: 1px solid rgba(8,9,11,.18); }
.origin-connection-flow span { font-size: clamp(29px, 3.5vw, 56px); font-weight: 430; letter-spacing: -.045em; }
.origin-connection-flow small { color: rgba(8,9,11,.55); font-size: 12px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }

.js .reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s var(--origin-ease), transform .75s var(--origin-ease); }
.reveal.visible { opacity: 1; transform: translateY(0); }
.origin-hero .reveal:nth-child(2) { transition-delay: .08s; }.origin-hero .reveal:nth-child(3) { transition-delay: .15s; }.origin-hero .reveal:nth-child(4) { transition-delay: .2s; }

@keyframes origin-spin { to { transform: rotate(360deg); } }
@keyframes origin-signalTravel { 0% { stroke-dashoffset: 850; opacity: 0; } 18% { opacity: 1; } 70% { opacity: 1; } 100% { stroke-dashoffset: -260; opacity: 0; } }
@keyframes origin-pulse { 50% { transform: translate(-50%,-50%) scale(1.55); box-shadow: 0 0 0 12px rgba(213,255,79,.08); } }
@keyframes origin-layerFloat { 50% { transform: rotateX(64deg) rotateZ(-8deg) translate3d(0,-7px,12px); } }

@media (max-width: 1100px) {
  :root { --origin-header-h: 78px; }
  .origin-hero-grid { grid-template-columns: 1fr .72fr; gap: 28px; }
  .origin-hero-title { font-size: clamp(63px, 9.4vw, 110px); }
  .origin-hero-visual { width: min(43vw, 520px); }
  .origin-manifesto { grid-template-columns: 1fr; }.origin-manifesto-copy { grid-column: 1; }
  .origin-section-heading { grid-template-columns: 1fr; }.origin-section-heading .origin-display-heading { grid-column: 1; }
  .origin-principle-card { min-height: 440px; }
  .origin-system-layout, .origin-passage-grid, .origin-editorial-grid { grid-template-columns: 1fr; }
  .origin-system-copy { position: relative; top: 0; }
  .origin-inner-hero { grid-template-columns: 1fr .55fr; }
  .origin-inner-hero-mark, .origin-principle-orbit, .origin-layer-stack { width: min(38vw, 440px); }
  .origin-focus-row { grid-template-columns: 50px 1fr 1fr; }
}

@media (max-width: 760px) {
  :root { --origin-gutter: 20px; --origin-section-y: 92px; --origin-header-h: 70px; }
  .origin-site-header, .origin-site-header.origin-is-scrolled { height: var(--origin-header-h); grid-template-columns: 1fr auto; background: rgba(8,9,11,.9); border-color: var(--origin-line); backdrop-filter: blur(18px); }
  .origin-site-nav {
    position: fixed;
    inset: var(--origin-header-h) 0 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    padding: 30px var(--origin-gutter);
    background: var(--origin-bg);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-12px);
    transition: opacity .3s, transform .3s, visibility .3s;
  }
  .origin-nav-open .origin-site-nav { visibility: visible; opacity: 1; transform: translateY(0); }
  .origin-site-nav a { padding: 24px 0; border-bottom: 1px solid var(--origin-line); font-size: 28px; font-weight: 430; letter-spacing: -.03em; text-transform: none; }
  .origin-site-nav a::after { display: none; }
  .origin-motion-toggle { display: none; }
  .origin-menu-toggle { display: inline-flex; }
  .origin-menu-glyph { position: relative; width: 18px; height: 12px; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; transition: transform .3s; }
  .origin-nav-open .origin-menu-glyph { transform: rotate(90deg); }

  .origin-hero { min-height: 100svh; padding-top: calc(var(--origin-header-h) + 48px); }
  .origin-hero::before { display: none; }
  .origin-hero-grid { grid-template-columns: 1fr; gap: 55px; }
  .origin-hero-copy { padding-top: 0; }
  .origin-hero-title { font-size: clamp(60px, 18.3vw, 89px); line-height: .86; }
  .origin-title-line { white-space: normal; }
  .origin-hero-intro { margin-top: 32px; font-size: 18px; }
  .origin-hero-actions { align-items: stretch; flex-direction: column; gap: 15px; }
  .origin-button-primary { width: 100%; }
  .origin-text-link { width: max-content; }
  .origin-hero-visual { justify-self: stretch; width: 100%; }
  .origin-visual-coordinates, .origin-visual-index { font-size: 6px; }
  .origin-hero-foot { margin-top: 42px; }

  .origin-manifesto-copy { padding-top: 65px; }
  .origin-statement { font-size: clamp(44px, 13vw, 66px); }
  .origin-statement-support { margin-top: 45px; padding-left: 0; font-size: 18px; }
  .origin-section-heading { padding: 65px 0; }
  .origin-display-heading { font-size: clamp(47px, 13.2vw, 69px); }
  .origin-principle-grid { grid-template-columns: 1fr; }
  .origin-principle-card, .origin-principle-card:first-child, .origin-principle-card:last-child { min-height: 390px; padding: 28px 0 35px; border-right: 0; border-bottom: 1px solid var(--origin-line); }
  .origin-principle-card h3 { margin-top: 112px; }
  .origin-card-signal { right: 0; }
  .origin-system-layout { padding-top: 68px; }
  .origin-sequence-item { grid-template-columns: 35px 1fr; min-height: 180px; gap: 18px; }
  .origin-sequence-status { grid-column: 2; align-self: auto; }
  .origin-passage-grid { padding-top: 68px; }
  .origin-passage-copy > p:not(.origin-eyebrow) { font-size: 17px; }
  .origin-closing { min-height: 80svh; }
  .origin-closing::before { width: 120vw; }.origin-closing::after { width: 82vw; }
  .origin-closing-title { font-size: clamp(53px, 15.5vw, 78px); }

  .origin-site-footer { min-height: 310px; grid-template-columns: 1fr; align-items: start; gap: 35px; }
  .origin-footer-nav { flex-direction: column; gap: 14px; }
  .origin-site-footer > p { justify-self: start; text-align: left; }

  .origin-inner-hero { min-height: 100svh; grid-template-columns: 1fr; align-content: center; gap: 55px; padding-top: calc(var(--origin-header-h) + 70px); }
  .origin-inner-hero::before { display: none; }
  .origin-inner-title { font-size: clamp(59px, 17vw, 88px); }
  .origin-inner-lede { margin-top: 35px; font-size: 18px; }
  .origin-inner-hero-mark, .origin-principle-orbit { justify-self: center; width: min(80vw, 420px); }
  .origin-page-progress { bottom: 20px; }
  .origin-editorial-grid { padding-top: 67px; }
  .origin-prose p { font-size: 17px; }
  .origin-focus-section .origin-display-heading, .origin-connection-section .origin-display-heading { margin: 65px 0; }
  .origin-focus-row { grid-template-columns: 34px 1fr; gap: 16px; }
  .origin-focus-row p { grid-column: 2; }
  .origin-inner-closing { min-height: 70svh; padding: 90px var(--origin-gutter); }
  .origin-axiom { min-height: 0; grid-template-columns: 1fr; gap: 52px; padding: 85px 0; }
  .origin-axiom-number { font-size: 95px; }
  .origin-axiom h2 { font-size: clamp(46px, 13.2vw, 67px); }
  .origin-axiom p:not(.origin-eyebrow) { font-size: 17px; }
  .origin-layer-stack { justify-self: stretch; width: 100%; height: 360px; }
  .origin-layer-stack span { height: 76px; }
  .origin-layer-stack span:nth-child(2) { top: 56px; }.origin-layer-stack span:nth-child(3) { top: 112px; }.origin-layer-stack span:nth-child(4) { top: 168px; }.origin-layer-stack span:nth-child(5) { top: 224px; }
  .origin-layer { min-height: 0; grid-template-columns: 40px 1fr; gap: 15px; padding: 80px 0; }
  .origin-layer h2 { font-size: clamp(45px, 13.5vw, 67px); }
  .origin-layer p:not(.origin-eyebrow) { font-size: 17px; }
  .origin-layer-code { grid-column: 2; margin-top: 16px; }
  .origin-connection-flow li { grid-template-columns: 1fr; gap: 6px; }
}

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

html[data-motion="paused"] { scroll-behavior: auto; }
html[data-motion="paused"] *, html[data-motion="paused"] *::before, html[data-motion="paused"] *::after { animation-play-state: paused !important; }
html[data-motion="paused"] .reveal { opacity: 1; transform: none; transition: none; }
html[data-motion="paused"] .origin-hero-visual { transform: none !important; }

/* Original composition integrated with the cinematic release. */
.origin-design{font-family:"Helvetica Neue",Arial,sans-serif;color:var(--origin-ink);line-height:1.5}
.origin-design.origin-operating-system,.origin-design .origin-connection-section{color:var(--origin-bg)}
.origin-hero{background:radial-gradient(circle at 82% 2%,#d5ff4f0e,transparent 28rem),var(--origin-bg)}
.origin-design .origin-hero-copy{padding-top:30px}
.origin-design svg{display:block}
.origin-design .origin-hero-actions .origin-text-link{white-space:normal}
.origin-principle-card{padding-bottom:124px}
.origin-principle-card:first-child,.origin-principle-card:last-child{padding-bottom:124px}
.origin-card-signal{bottom:30px}
.origin-hero-visual{will-change:transform}
html[data-motion=paused] .origin-hero-visual{will-change:auto}
.header,.page-inner .header{position:fixed;transition:height .3s,background .3s,backdrop-filter .3s}
.header.is-scrolled{height:72px;background:#080d11eb;backdrop-filter:blur(18px);border-color:var(--line)}
.header .source-brand-mark,.footer .source-brand-mark{stroke:var(--source-lime);width:29px;height:35px}
.source-brand-mark circle{fill:var(--source-lime);stroke:none}
.nav{gap:22px}.nav [aria-current=page]:after{transform:scaleX(1)}
.origin-expansion{background:#091318;font-family:Grotesk,Arial,sans-serif}
.origin-expansion>.display{margin-bottom:36px}.origin-expansion>.inner-lede{margin-bottom:55px}
.origin-expansion .inner-block{scroll-margin-top:96px}
.page-origin .origin-inner-hero{padding-top:175px}
@media(max-width:1100px) and (min-width:761px){.nav{gap:13px;font-size:11px}.header{gap:18px}.nav-contact{padding:12px;gap:15px}.origin-design .origin-hero-copy{padding-top:0}}
@media(max-width:760px){.header,.header.is-scrolled,.page-inner .header{height:80px;background:#080d11eb}.nav{font-size:28px;gap:1px;padding-top:18px}.nav a{padding:14px 0}.origin-design .origin-hero-copy{padding-top:0}.origin-principle-card,.origin-principle-card:first-child,.origin-principle-card:last-child{padding-bottom:124px}.origin-card-signal{height:52px}.page-origin .origin-inner-hero{padding-top:145px}.origin-expansion{padding-block:65px}.origin-design .origin-hero-title{font-size:clamp(56px,17vw,86px)}}