.dynamics-overview {
  padding-block: clamp(30px, 5vw, 74px) clamp(20px, 3vw, 42px);
}
.dynamics-overview .research-back {display: inline-block; margin-bottom: 1.35rem;}
.dynamics-overview .labs-eyebrow {margin: 0 0 .65rem;}
.dynamics-overview h1 {
  margin: 0;
  font-size: clamp(2.5rem, 7.7vw, 7rem);
  line-height: 1;
  letter-spacing: -.065em;
}
.dynamics-overview-question {
  max-width: 27ch;
  margin: .8rem 0 .45rem;
  font-size: clamp(1.35rem, 3.2vw, 2.35rem);
  font-weight: 650;
  line-height: 1.23;
  letter-spacing: -.03em;
}
.dynamics-overview-description {
  max-width: 60ch;
  margin: 0;
  color: var(--muted, inherit);
  font-size: clamp(1rem, 1.65vw, 1.18rem);
  line-height: 1.6;
}
.dynamics-applications,
.dynamics-method {
  margin-block: clamp(28px, 5vw, 64px);
  scroll-margin-top: 96px;
}
.dynamics-applications h2,
.dynamics-method h2 {
  font-size: clamp(1.55rem, 3.2vw, 2.45rem);
  line-height: 1.12;
  letter-spacing: -.04em;
  margin: 0 0 1rem;
}
.dynamics-applications-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(12px, 2.4vw, 28px);
}
.dynamics-applications article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  border: 1px solid var(--line, rgba(128,128,128,.35));
  border-radius: 16px;
  background: var(--glass, rgba(128,128,128,.06));
  padding: clamp(16px, 3.1vw, 35px);
}
.dynamics-applications article .labs-eyebrow {margin: 0 0 .65rem;}
.dynamics-applications h3 {
  margin: 0;
  font-size: clamp(1.25rem, 2.45vw, 1.82rem);
  line-height: 1.18;
  letter-spacing: -.03em;
}
.dynamics-case-question {margin: .75rem 0 .22rem; font-weight: 650; line-height: 1.4;}
.dynamics-case-detail {margin: 0 0 1rem; line-height: 1.55; color: var(--muted, inherit);}
.dynamics-applications article .research-discover {margin-top: auto; padding-block: .35rem;}
.dynamics-method ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.dynamics-method li {
  display: flex;
  gap: .65rem;
  align-items: start;
  min-width: 0;
  border-top: 1px solid var(--line, rgba(128,128,128,.35));
  padding-top: .8rem;
}
.dynamics-step-number {
  color: var(--accent, inherit);
  font: 650 .83rem/1.6 ui-monospace, monospace;
}
.dynamics-method h3 {margin: 0; font-size: 1rem; line-height: 1.3;}
.dynamics-method p {margin: .3rem 0 0; color: var(--muted, inherit); line-height: 1.5;}
@media (max-width: 700px) {
  .dynamics-applications-grid,
  .dynamics-method ol {grid-template-columns: 1fr;}
}