@layer blocks {
  .section h2 {
    margin-block-end: var(--space-xl);
  }

  /* Gradient underline — revealed by ScrollTrigger */
  .section h2::after {
    content: '';
    display: block;
    height: 3px;
    margin-top: var(--space-xs);
    background: var(--gradient-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.6s var(--ease-out-expo);
  }

  .section h2[data-visible]::after {
    transform: scaleX(1);
  }
}