.dna-intro { padding-top: 8rem; }
.dna-breadcrumb { margin-bottom: 3rem; }
.dna-intro h1 { margin: 1rem 0; }
.dna-deck { font-size: clamp(1.5rem, 3vw, 2.4rem); max-width: 30ch; line-height: 1.3; margin-bottom: 1.4rem; }
.dna-intro .fx-lede { max-width: 65ch; }
.dna-jumps { display: flex; gap: 1rem; flex-wrap: wrap; margin: 2rem 0 3rem; }
.dna-panorama { margin: 0; }
.dna-panorama img { display: block; width: 100%; height: auto; max-height: 430px; object-fit: cover; border: 1px solid var(--line); }
.dna-panorama figcaption { margin-top: .75rem; }
.dna-section-intro { max-width: 56ch; margin: 1.4rem 0 2.5rem; color: var(--ink-2); }
.dna-value-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 4rem; }
.dna-value { border-top: 1px solid var(--line); padding: 2rem 0 2.5rem; }
.dna-number { color: var(--red); }
.dna-value h3 { font-size: 1.45rem; margin: .7rem 0 1rem; }
.dna-value p { color: var(--ink-2); max-width: 53ch; line-height: 1.7; }
.dna-history-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; }
.dna-team { border-top: 1px solid var(--line); padding-block: 3rem 5rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
#values, #history { scroll-margin-top: 6rem; }
@media (max-width: 760px) {
  .dna-intro { padding-top: 6.5rem; }
  .dna-value-grid, .dna-history-grid { grid-template-columns: 1fr; gap: 0; }
  .dna-team { align-items: flex-start; flex-direction: column; }
}