/* One formation animation, followed by a still wordmark. */
.hero-copy .emergence-title { position:relative; width:min(100%,660px); aspect-ratio:470/200; margin-bottom:24px; color:var(--text); }
.emergence-title :is(svg,canvas) { display:block; width:100%; height:100%; }
.emergence-title canvas { position:absolute; inset:0; }
.emergence-title canvas[hidden], .emergence-title.is-ready .emergence-still { display:none; }
.research-context { max-width:760px; margin:12px 0 0; color:var(--muted); font:15px/1.7 var(--font); text-wrap:pretty; }
.research-context a { color:var(--text); text-decoration:underline; text-decoration-color:var(--line); text-underline-offset:3px; }
.research-context a:hover { text-decoration-color:var(--text); }
.domains-section .coverage-icons li { align-items:flex-start; text-align:left; gap:0; }
.domains-section .coverage-icons .domain-visual { max-width:200px; margin:0 auto 18px; }
.domains-section .coverage-icons h3 { margin:0 0 6px; font:500 15px/1.5 var(--font); }
.domain-environment { margin:0; color:var(--muted); font:13px/1.6 var(--font); }
.domain-question { margin:12px 0 0; color:var(--text); font:14px/1.65 var(--font); text-wrap:pretty; }
@media(max-width:900px) {
  .domains-section .coverage-icons { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:480px) {
  .research-context { font-size:14px; }
  .domains-section .coverage-icons { gap:28px 20px; }
  .domains-section .coverage-icons .domain-visual { margin-bottom:12px; }
  .domains-section .coverage-icons h3 { font-size:14px; }
  .domain-question { font-size:13px; }
}

:root { --section-gap:4rem; --sample-gap:2.5rem; }
.hero-layout { padding-top:8px; }
.hero-intro { max-width:780px; margin-bottom:48px; line-height:1.75; }
.trajectory-viewer { margin-top:32px; }
@media(max-width:760px) {
  :root { --section-gap:3rem; --sample-gap:2rem; }
  .hero-intro { margin-bottom:32px; }
}