.helix-page {
  --project-bg: #091514;
  --project-surface: #102421;
  --project-text: #bdf7db;
  --project-muted: #7fa89a;
  --project-accent: #a88cf5;
  --project-display: "Erica One", sans-serif;
  --project-body: "Jura", sans-serif;
  --project-meta: "Geist Mono", monospace;
}

.helix-page .project-header { background: color-mix(in srgb, var(--project-bg) 84%, transparent); backdrop-filter: blur(18px); }
.helix-page .project-brand { display: inline-flex; align-items: center; gap: 10px; font: 11px/1 var(--project-meta); letter-spacing: .08em; text-transform: uppercase; }
.helix-page .project-brand > span { width: 34px; height: 34px; display: grid; place-items: center; color: var(--project-bg); background: var(--project-text); border-radius: 50%; font: 18px/1 var(--project-display); }
.helix-page .project-action { border-radius: 999px; }
.helix-page .page-hero { position: relative; overflow: hidden; isolation: isolate; background-image: linear-gradient(var(--project-line) 1px, transparent 1px), linear-gradient(90deg, var(--project-line) 1px, transparent 1px); background-size: 64px 64px; }
.helix-page .page-hero::after { content: ""; position: absolute; inset: 0; z-index: -2; background: radial-gradient(circle at 70% 42%, color-mix(in srgb, #4dd7c7 18%, transparent), transparent 36%); }
.helix-page .page-hero h1 { max-width: 11ch; }
.helix-page .page-hero h1 em { display: inline-block; color: var(--project-accent); font-family: var(--project-body); font-size: .55em; font-style: normal; letter-spacing: -.07em; }
.helix-rings { position: absolute; z-index: -1; width: min(47vw, 680px); aspect-ratio: 1; right: 4vw; top: 14%; }
.helix-rings i { position: absolute; inset: calc(var(--ring, 0) * 8%); border: 1px solid color-mix(in srgb, #4dd7c7 55%, transparent); border-radius: 48% 52% 41% 59%; transform: rotate(calc(var(--ring, 0) * 23deg)); }
.helix-rings i:nth-child(1) { --ring: 0; }.helix-rings i:nth-child(2) { --ring: 1; }.helix-rings i:nth-child(3) { --ring: 2; }.helix-rings i:nth-child(4) { --ring: 3; }.helix-rings i:nth-child(5) { --ring: 4; background: #a88cf522; }

.pipeline { display: grid; grid-template-columns: .65fr 1.35fr; gap: clamp(45px, 8vw, 130px); padding: clamp(90px, 12vw, 190px) clamp(18px, 4vw, 64px); color: #10201d; background: #e7f1e8; }
.pipeline-heading h2 { position: sticky; top: 24px; max-width: 9ch; margin: 20px 0 0; font: 400 clamp(60px, 8vw, 130px)/.8 var(--project-display); letter-spacing: -.05em; }
.pipeline-heading h2 em { color: #694bb9; font-family: var(--project-body); font-size: .6em; font-style: normal; }
.pipeline-steps { border-top: 1px solid rgba(16, 32, 29, .22); }
.pipeline-steps article { min-height: 430px; display: grid; align-content: center; padding: 52px 0; border-bottom: 1px solid rgba(16, 32, 29, .22); }
.pipeline-steps span { color: #694bb9; font: 10px/1 var(--project-meta); letter-spacing: .12em; text-transform: uppercase; }
.pipeline-steps h3 { max-width: 13ch; margin: 28px 0; font: 400 clamp(38px, 4.5vw, 68px)/.92 var(--project-display); letter-spacing: -.04em; }
.pipeline-steps p { max-width: 48ch; margin: 0; color: #526b63; font-size: 17px; line-height: 1.55; }
.pipeline-steps ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0 0; padding: 0; list-style: none; }
.pipeline-steps li { padding: 9px 12px; border: 1px solid rgba(16, 32, 29, .24); border-radius: 999px; font: 9px/1 var(--project-meta); letter-spacing: .08em; text-transform: uppercase; }
.lab-photo { clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%); }
.model-ledger .feature-card h3 { color: #4dd7c7; }

.evidence-page { --project-bg: #e7f1e8; --project-surface: #cfdfd3; --project-text: #10201d; --project-muted: #60756e; --project-accent: #694bb9; --project-line: rgba(16, 32, 29, .2); }
.evidence-page .project-brand > span { color: #e7f1e8; background: #10201d; }
.evidence-page .evidence-hero::after { background: radial-gradient(circle at 72% 46%, rgba(168, 140, 245, .35), transparent 34%); }
.evidence-notice { display: grid; grid-template-columns: .35fr 1.65fr; gap: 40px; padding: 24px clamp(18px, 4vw, 64px); color: #091514; background: #4dd7c7; }
.evidence-notice strong { font: 10px/1.4 var(--project-meta); letter-spacing: .11em; text-transform: uppercase; }
.evidence-notice p { max-width: 85ch; margin: 0; line-height: 1.5; }
.evidence-library { padding: clamp(90px, 12vw, 190px) clamp(18px, 4vw, 64px); }
.library-head { display: grid; grid-template-columns: .45fr 1.55fr; gap: 38px; margin-bottom: clamp(60px, 9vw, 130px); }
.library-head h2 { max-width: 12ch; margin: 0; font: 400 clamp(52px, 7vw, 112px)/.86 var(--project-display); letter-spacing: -.05em; }
.record-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.evidence-record { min-height: 520px; display: flex; flex-direction: column; padding: clamp(24px, 3vw, 46px); color: #bdf7db; background: #102421; border: 1px solid rgba(189, 247, 219, .18); }
.record-wide { grid-column: 1 / -1; min-height: 450px; color: #10201d; background: #4dd7c7; }
.record-violet { color: #10201d; background: #a88cf5; }
.record-code { font: 10px/1 var(--project-meta); letter-spacing: .12em; text-transform: uppercase; }
.evidence-record h3 { max-width: 14ch; margin: auto 0 24px; font: 400 clamp(40px, 5vw, 78px)/.88 var(--project-display); letter-spacing: -.045em; }
.evidence-record > p { max-width: 52ch; margin: 0 0 38px; line-height: 1.55; opacity: .75; }
.evidence-record dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding-top: 20px; border-top: 1px solid currentColor; }
.evidence-record dt { opacity: .6; font: 9px/1 var(--project-meta); letter-spacing: .08em; text-transform: uppercase; }
.evidence-record dd { margin: 8px 0 0; }
.evidence-record > span { margin-top: 30px; font: 9px/1.4 var(--project-meta); letter-spacing: .1em; text-transform: uppercase; }
.evidence-photo { border-radius: 999px; }
.standards-ledger .feature-card h3 { color: #694bb9; }
.review-band { display: grid; grid-template-columns: 1.3fr .7fr; gap: clamp(40px, 8vw, 130px); padding: clamp(90px, 12vw, 180px) clamp(18px, 4vw, 64px); color: #bdf7db; background: #091514; }
.review-band h2 { max-width: 12ch; margin: 24px 0 0; font: 400 clamp(48px, 6.8vw, 108px)/.88 var(--project-display); letter-spacing: -.05em; }
.review-band ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(189, 247, 219, .2); }
.review-band li { display: flex; justify-content: space-between; gap: 24px; padding: 26px 0; border-bottom: 1px solid rgba(189, 247, 219, .2); font-size: 18px; }
.review-band li span { color: #4dd7c7; font: 10px/1 var(--project-meta); }

@media (max-width: 820px) {
  .helix-rings { width: 74vw; right: -28vw; top: 19%; opacity: .55; }
  .pipeline, .library-head, .review-band { grid-template-columns: 1fr; }
  .pipeline-heading h2 { position: static; }
  .evidence-notice { grid-template-columns: 1fr; gap: 12px; }
}

@media (max-width: 560px) {
  .helix-page .story-grid > *,
  .helix-page .feature-card > * { min-width: 0; }
  .helix-page .section-title { font-size: clamp(34px, 10.7vw, 44px); }
  .record-grid { grid-template-columns: 1fr; }
  .record-wide { grid-column: 1; }
  .evidence-record dl { grid-template-columns: 1fr; }
  .evidence-photo { border-radius: 70px; }
}