/* Figure 1 keeps the paper's charcoal, brass, thin rules, and flat tints. */
.home-page #about-me > h1 { margin-top: 0; }
.home-page #quarto-document-content {
  container-type: inline-size;
  max-width: 1080px;
}
.home-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 1.5rem;
  margin: 0 0 1.5rem;
}
.home-intro-visual, .home-intro-copy { min-width: 0; }
.home-intro-copy > p:last-child { margin-bottom: 0; }
.research-vision {
  position: relative;
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
  padding: .25rem 0 1.4rem;
  break-inside: avoid;
}
@container (min-width: 760px) {
  .home-intro {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    gap: clamp(1.5rem, 3cqw, 2.5rem);
  }
  .research-vision { max-width: 440px; }
}
.research-vision-svg { display: block; width: 100%; height: auto; overflow: visible; }
.vision-motion-toggle {
  position: absolute;
  right: 0;
  bottom: 0;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 4px;
  border: 1px solid #ddd9d0;
  border-radius: 50%;
  background: #fff;
  color: #78736a;
  cursor: pointer;
}
.vision-motion-toggle[hidden] { display: none; }
.vision-motion-toggle:hover { color: #1c1c1e; border-color: #b49a62; }
.vision-motion-toggle:focus-visible { outline: 2px solid #b49a62; outline-offset: 3px; }
.vision-motion-toggle svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.3; }
.vision-play-icon { display: none; }
.vision-motion-toggle[aria-pressed="true"] .vision-play-icon { display: block; }
.vision-motion-toggle[aria-pressed="true"] .vision-pause-icon { display: none; }
@media (prefers-reduced-motion: reduce) { .vision-motion-toggle { display: none; } }