html {
  scroll-behavior: smooth;
}

[data-landing-section] {
  scroll-margin-top: 5.5rem;
}

.landing-category-link {
  position: relative;
}

.landing-category-link::after {
  background: #c72c3a;
  bottom: 0.25rem;
  content: "";
  height: 2px;
  left: 0.75rem;
  position: absolute;
  right: 0.75rem;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 220ms ease;
}

.landing-category-link.is-active::after,
.landing-category-link:hover::after {
  transform: scaleX(1);
}

[data-landing-section].scroll-focus {
  animation: landing-section-focus 700ms ease-out;
}

@keyframes landing-section-focus {
  0% { filter: brightness(0.92); }
  55% { filter: brightness(1.035); }
  100% { filter: brightness(1); }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  [data-landing-section].scroll-focus {
    animation: none;
  }

  .landing-category-link::after {
    transition: none;
  }
}