/* Marvelous Memory — custom styles */
/* Mobile-first, minimal */

.hero-title {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 600;
  line-height: 1.2;
}

/* Slightly tighter max-width for readability on large screens */
@media (min-width: 992px) {
  .quarto-layout-default .page-columns .content {
    max-width: 42rem;
  }
}